nexxtway/react-rainbow

Similar blocks of code found in 5 locations. Consider refactoring.

Open

    it('should close the menu when the menu is opened and click an element', async () => {
        const buttonMenu = new PageButtonMenu(MENU_BTN);
        await buttonMenu.click();
        const menuItem = await buttonMenu.getItem(0);
        await menuItem.click();

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

        const { getAllByRole } = render(
            <Accordion
                multiple
                activeSectionNames={activeNames}
                onToggleSection={handleToggleSectionMockFn}

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

        const { getAllByRole } = render(
            <Accordion
                multiple
                activeSectionNames={activeNames}
                onToggleSection={handleToggleSectionMockFn}

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

    it('should not close the menu when the menu is opened and click an disabled item', async () => {
        const buttonMenu = new PageButtonMenu(MENU_BTN);
        await buttonMenu.click();
        const menuItem = await buttonMenu.getItem(1);
        await menuItem.click();

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

    it('should move focus to the item hovered', async () => {
        const buttonMenu = new PageButtonMenu(MENU_BTN);
        await buttonMenu.click();
        const thirdMenuItem = await buttonMenu.getItem(2);
        await thirdMenuItem.hover();

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

        component.instance().tabsetChildren = [
            <Tab label="Tab-1" name="tab-1" registerTab={registerTabMockFn} />,
            <Tab label="Tab-2" name="tab-2" registerTab={registerTabMockFn} />,
            <Tab label="Tab-3" name="tab-3" registerTab={registerTabMockFn} />,
        ];

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

        component.instance().tabsetChildren = [
            <Tab label="Tab-1" name="tab-1" registerTab={registerTabMockFn} />,
            <Tab label="Tab-2" name="tab-2" registerTab={registerTabMockFn} />,
            <Tab label="Tab-3" name="tab-3" registerTab={registerTabMockFn} />,
        ];

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

    it('should not move focus to the item hovered when the item is disabled', async () => {
        const buttonMenu = new PageButtonMenu(MENU_BTN);
        await buttonMenu.click();
        const menuItem = await buttonMenu.getItem(1);
        await menuItem.hover();

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

    it('should move focus to the item hovered', async () => {
        const avatarMenu = new PageAvatarMenu(AVATAR_MENU);
        await avatarMenu.click();
        const menuItem = await avatarMenu.getItem(1);
        await menuItem.hover();

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

    it('should collapse the accordion section when click twice on the button icon', async () => {
        const accordion = new PageAccordion(ACCORDION);
        const accordionSection = await accordion.getItem(0);
        await accordionSection.clickButton();
        await accordionSection.clickButton();

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

    it('should expand the menu when click on its button', async () => {
        const verticalNavigation = new PageVerticalNavigation(VERTICAL_NAV);
        const verticalSectionOverflow = await verticalNavigation.getSectionOverflow(0);
        await verticalSectionOverflow.click();
        await verticalSectionOverflow.waitUntilExpand();

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

    it('should not lost focus the menu when it is expanded and then collapsed', async () => {
        const verticalNavigation = new PageVerticalNavigation(VERTICAL_NAV);
        const verticalSectionOverflow = await verticalNavigation.getSectionOverflow(0);
        await verticalSectionOverflow.click();
        await verticalSectionOverflow.click();

• Read up
  Read up

Function StepTwo has 69 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function StepTwo(props) {
    const {
        onProcessFile,
        isLoading,
        hasFileSelected,

Function Wrapper has 69 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function Wrapper(props) {
    const { children } = props;
    const [theme, setTheme] = useCachedState('theme');
    const pageName = window.location.hash.split('/')[1];
    const isCustimizationPage = pageName === 'Customization';

Function PathStep has 69 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function PathStep(props) {
    const { name, label, hasError, className, style } = props;
    const {
        selectedIndex,
        hoveredIndex,

Similar blocks of code found in 14 locations. Consider refactoring.

Open

describe('<StrongPasswordInput />', () => {
    it('should be accessible when label is passed', async () => {
        expect.assertions(1);
        const html = ReactDOMServer.renderToString(<StrongPasswordInput label="Input Label" />);
        const results = await axe(html);

• Read up
  Read up

Similar blocks of code found in 14 locations. Consider refactoring.

Open

describe('<InputCheckbox/>', () => {
    it('should be accessible when label is passed', async () => {
        expect.assertions(1);
        const html = ReactDOMServer.renderToString(<InputCheckbox label="Input Label" />);
        const results = await axe(html);

• Read up
  Read up

Similar blocks of code found in 14 locations. Consider refactoring.

Open

describe('<Slider/>', () => {
    it('should be accessible', async () => {
        expect.assertions(1);
        const html = ReactDOMServer.renderToString(<Slider label="Slider label" />);
        const results = await axe(html);

• Read up
  Read up

Similar blocks of code found in 14 locations. Consider refactoring.

Open

describe('<InputCheckbox/>', () => {
    it('should be accessible when label is passed', async () => {
        expect.assertions(1);
        const html = ReactDOMServer.renderToString(<InputCheckbox label="Input Label" />);
        const results = await axe(html);

• Read up
  Read up

Similar blocks of code found in 14 locations. Consider refactoring.

Open

describe('<Input/>', () => {
    it('should be accessible when label is passed', async () => {
        expect.assertions(1);
        const html = ReactDOMServer.renderToString(<Input label="Input Label" />);
        const results = await axe(html);

• Read up
  Read up