nexxtway/react-rainbow

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

Open

    it('should put the AvatarMenu button focused when the menu is opened and press ESC', async () => {
        const avatarMenu = new PageAvatarMenu(AVATAR_MENU);
        await avatarMenu.click();
        await browser.keys('Escape');
        await expect(await avatarMenu.hasFocusButton()).toBe(true);

• Read up
  Read up

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

Open

    it('should return an empty array when the are not tabbable nodes but one has a tabindex of -1', () => {
        const dom = new JSDOM(`
            <div>
                <span tabindex="-1"></span>
            </div>

• Read up
  Read up

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

Open

    it('should return the 5 tabbable elements', () => {
        const dom = new JSDOM(`
            <div>
                <h1>Modal Header</h1>
                <p>

• Read up
  Read up

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

Open

    it('should return an empty array when the are not tabbable elements', () => {
        const dom = new JSDOM(`
            <div>
                <h1>Modal Header</h1>
                <p>

• Read up
  Read up

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

Open

    it('should return only 1 tabbable element when there are two but one is disabled', () => {
        const dom = new JSDOM(`
            <div>
                <h1>Modal Header</h1>
                <p>

• Read up
  Read up

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

Open

    it('should return one element when there is not tabbable nodes but one has a tabindex of 0', () => {
        const dom = new JSDOM(`
            <div>
                <span tabindex="0"></span>
            </div>

• Read up
  Read up

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

Open

        const component = mount(
            <ButtonGroupPicker value={value} onChange={onChangeFn} multiple>
                <ButtonOption label="Option 1" name="option1" />
                <ButtonOption label="Option 2" name="option2" />
            </ButtonGroupPicker>,

• Read up
  Read up

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

Open

        const component = mount(
            <ButtonGroupPicker value={value} onChange={onChangeFn} multiple>
                <ButtonOption label="Option 1" name="option1" />
                <ButtonOption label="Option 2" name="option2" />
            </ButtonGroupPicker>,

• Read up
  Read up

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

Open

    it('should return true if no required fields are set, matchField is set to an attribute and the field is not mapped in fieldsMap param', () => {
        const isButtonDisabled = isStepThreeNextButtonDisabled({
            fieldsMap: {},
            attributes: {
                name: {},

• Read up
  Read up

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

Open

    async getLeftMonthSelectedDay() {
        const day = await $(this.rootElement)
            .$$('table[role=grid]')[0]
            .$('button[data-selected=true]');
        if (await day.isExisting()) return day.getText();

• Read up
  Read up

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

Open

    it('should render EditableCell when pass isEditable to function that returns true', () => {
        const component = mount(<Cell value="cell-1" isEditable={() => true} />);
        expect(component.find(EditableCell).exists()).toBe(true);
    });

• Read up
  Read up

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

Open

    async getRightMonthSelectedDay() {
        const day = await $(this.rootElement)
            .$$('table[role=grid]')[1]
            .$('button[data-selected=true]');
        if (await day.isExisting()) return day.getText();

• Read up
  Read up

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

Open

    it('should not open the DatePicker when readOnly is passed and enter key is pressed while the input element is focused', async () => {
        const datePicker = new PageDatePicker(DATEPICKER);
        await datePicker.click();
        await browser.keys(ENTER_KEY);
        await expect(await datePicker.isOpen()).toBe(false);

• Read up
  Read up

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

Open

    options: PropTypes.arrayOf(
        PropTypes.shape({
            label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
            value: PropTypes.string,
            disabled: PropTypes.bool,

• Read up
  Read up

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

Open

    options: PropTypes.arrayOf(
        PropTypes.shape({
            label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
            value: PropTypes.string,
            disabled: PropTypes.bool,

• Read up
  Read up

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

Open

    it('should not open the DatePicker when readOnly is passed and space key is pressed while the input element is focused', async () => {
        const datePicker = new PageDatePicker(DATEPICKER);
        await datePicker.click();
        await browser.keys(SPACE_KEY);
        await expect(await datePicker.isOpen()).toBe(false);

• Read up
  Read up

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

Open

    it('should return true if the fields sent are not mapped in fieldsMap param', () => {
        const isButtonDisabled = isStepThreeNextButtonDisabled({
            fieldsMap: {},
            attributes: {
                name: {},

• Read up
  Read up

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

Open

    it('should not render EditableCell when pass isEditable to function that returns false', () => {
        const component = mount(<Cell value="cell-1" isEditable={() => false} />);
        expect(component.find(EditableCell).exists()).toBe(false);
    });

• Read up
  Read up

Function ButtonMenuExample has 49 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function ButtonMenuExample() {
    return (
        <div>
            <ButtonMenu
                className="rainbow-m-horizontal_medium"

Function render has 49 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    render() {
        const {
            style,
            className,
            onChange,