nexxtway/react-rainbow

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

Open

    it('should set the right max height to the ul element when size is large', () => {
        const component = mount(<Options items={[{}]} size="large" />);
        expect(component.find('ul').prop('style').maxHeight).toBe(384);
    });

• Read up
  Read up

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

Open

    it('should set the right max height to the ul element when a wrong size is passed', () => {
        const component = mount(<Options items={[{}]} size="wrong size" />);
        expect(component.find('ul').prop('style').maxHeight).toBe(240);
    });

• Read up
  Read up

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

Open

        const component = mount(
            <Table data={data} keyField="name" onSort={onSortMock}>
                <Column field="name" header="Name" sortable />
                <Column field="number" header="Number" />,
            </Table>,

• Read up
  Read up

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

Open

        [true, false, 'indeterminate'].forEach(value => {
            const component = mount(<Child isChecked={value} />, {
                wrappingComponent: Provider,
                wrappingComponentProps: {
                    value: contextValue,

• Read up
  Read up

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

Open

    async [privateGetMenu]() {
        const menuId = `#${await $(this.rootElement)
            .$('input[type="text"]')
            .getAttribute('aria-controls')}`;
        if (await this.isMenuOpen()) {

• Read up
  Read up

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

Open

    constructor(props) {
        super(props);
        this.inputRef = React.createRef();
        this.handleFocus = this.handleFocus.bind(this);
        this.handleClick = this.handleClick.bind(this);

• Read up
  Read up

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

Open

    async [privateGetMenu]() {
        const menuId = `#${await $(this.rootElement)
            .$('[role="combobox"]')
            .getAttribute('aria-controls')}`;
        if (await this.isMenuOpen()) {

• Read up
  Read up

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

Open

        ['indeterminates', 'one', 'six'].forEach(value => {
            const component = mount(<Child isChecked={value} />, {
                wrappingComponent: Provider,
                wrappingComponentProps: {
                    value: contextValue,

• Read up
  Read up

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

Open

    constructor(props) {
        super(props);
        this.itemRef = React.createRef();
        this.handleClick = this.handleClick.bind(this);
        this.handleHover = this.handleHover.bind(this);

• Read up
  Read up

File AscensionIsland.js has 260 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React from 'react';
import PropTypes from 'prop-types';

function SvgAscensionIsland({ className, style }) {
    return (

File styled.js has 260 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import styled from 'styled-components';
import attachThemeAttrs from '../../../styles/helpers/attachThemeAttrs';
import {
    FONT_SIZE_HEADING_X_LARGE,
    FONT_SIZE_HEADING_LARGE,

Function Trash has 56 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const Trash = props => {
    const { className, style } = props;
    return (
        <svg
            className={className}

File index.js has 259 lines of code (exceeds 250 allowed). Consider refactoring.

Open

/* eslint-disable react/no-unused-prop-types */
import React, { forwardRef, useState, useEffect, useRef, useImperativeHandle } from 'react';
import PropTypes from 'prop-types';
import {
    useLocale,

Function useScrollControls has 55 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function useScrollControls(scrollableRef) {
    const [showScrollUp, setShowScrollUp] = useState();
    const [showScrollDown, setShowScrollDown] = useState();
    const timer = useRef();

Function Tree has 55 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function Tree(props) {
    const {
        data,
        onNodeExpand,
        onNodeCheck,

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

Open

    it('should set checked on the option when clicked', async () => {
        const visualPicker = new PageVisualPicker(VISUAL_PICKER);
        const option = await visualPicker.getItem(0);
        await option.click();
        await expect(await option.isChecked()).toBe(true);

• Read up
  Read up

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

Open

    it('should check the option clicked', async () => {
        const groupPicker = new PageButtonGroupPicker(BUTTON_GROUP_PICKER);
        const option = await groupPicker.getItem(1);
        await option.click();
        await expect(await option.isChecked()).toBe(true);

• Read up
  Read up

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

Open

    it('should collapse the accordion section when the accordion section is expanded and click on the button icon', async () => {
        const accordion = new PageAccordion(ACCORDION);
        const accordionSection = await accordion.getItem(0);
        await accordionSection.clickButton();
        await expect(await accordionSection.isExpanded()).toBe(false);

• Read up
  Read up

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

Open

    it('should focus the item clicked', async () => {
        const radioGroup = new PageRadioGroup(RADIO_GROUP);
        const radio = await radioGroup.getItem(1);
        await radio.click();
        await expect(await radio.hasFocus()).toBe(true);

• Read up
  Read up

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

Open

    it('should check the item clicked', async () => {
        const radioGroup = new PageRadioGroup(RADIO_GROUP);
        const radio = await radioGroup.getItem(1);
        await radio.click();
        await expect(await radio.isChecked()).toBe(true);

• Read up
  Read up