nexxtway/react-rainbow

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

Open

    async clickLeftMonthDay(day) {
        const buttonEl = await $(this.rootElement)
            .$$('table[role=grid]')[0]
            .$(`button=${day}`);
        if (await buttonEl.isExisting()) {

• Read up
  Read up

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

Open

    async clickRightMonthDay(day) {
        const buttonEl = await $(this.rootElement)
            .$$('table[role=grid]')[1]
            .$(`button=${day}`);
        if (await buttonEl.isExisting()) {

• Read up
  Read up

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

Open

        <svg
            width="16px"
            height="16px"
            viewBox="0 0 16 16"
            version="1.1"

• Read up
  Read up

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

Open

        const rowsWithSelection = rows.map((row, index) => {
            const currentSelectionLength = getCurrentSelectionLength(selectedRowsKeys);
            const maxSelectionReached = currentSelectionLength >= maxRowSelection;
            if (index >= start && index <= end && !maxSelectionReached) {
                selectedRowsKeys[row.key] = true;

• Read up
  Read up

SingleCalendar has 27 functions (exceeds 20 allowed). Consider refactoring.

Open

class SingleCalendar extends Component {
    constructor(props) {
        super(props);
        this.state = {
            focusedDate: normalizeDate(props.value),

PageDoubleCalendar has 27 functions (exceeds 20 allowed). Consider refactoring.

Open

class PageDoubleCalendar {
    /**
     * Create a new PageCalendar page object.
     * @constructor
     * @param {string} rootElement - The selector of the PageCalendar root element.

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

Open

    render() {
        const {
            value,
            disabled,
            readOnly,

Function SidebarItem has 79 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function SidebarItem(props) {
    const {
        label,
        icon,
        selectedIcon,

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

Open

        const component = mount(
            <InternalDropdown label="Picklist" onChange={onChangeFn} multiple value={value}>
                <Option label="Option 1" name="option1" />
                <Option label="Option 2" name="option2" />
                <Option label="Option 3" name="option3" />

• Read up
  Read up

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

Open

        const component = mount(
            <InternalDropdown label="Picklist" onChange={onChangeFn} multiple value={value}>
                <Option label="Option 1" name="option1" />
                <Option label="Option 2" name="option2" />
                <Option label="Option 3" name="option3" />

• Read up
  Read up

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

Open

    it('should set aria-hidden to false in container of the content when the content is expanded', () => {
        const activeNames = 'accordion-test-1';
        const { getByText } = render(
            <Accordion activeSectionNames={activeNames}>
                <AccordionSection name="accordion-test-1" label="Rainbow Accordion">

• Read up
  Read up

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

Open

    it('should not call event.preventDefault when press right key in input type checkbox', () => {
        const component = mount(<SelectableCell inputType="checkbox" />);
        const preventDefaultMockFn = jest.fn();
        component.find('input').simulate('keyDown', {
            keyCode: RIGHT_KEY,

• Read up
  Read up

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

Open

    it('should close the DateTimePicker when click the ok button', async () => {
        const picker = new PageDateTimePicker(DATETIMEPICKER);
        await picker.click();
        await picker.waitUntilOpen();
        await picker.clickOKButton();

• Read up
  Read up

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

Open

    it('should return focus to trigger element when close modal with ESC key', async () => {
        const modal = new PageModal(MODAL);
        const triggerButton = $(BUTTON);
        await triggerButton.click();
        await modal.waitUntilOpen();

• Read up
  Read up

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

Open

    it('should focus the close button when the modal is opened and press TAB', async () => {
        const modal = new PageModal(MODAL);
        const triggerButton = $(BUTTON);
        await triggerButton.click();
        await modal.waitUntilOpen();

• Read up
  Read up

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

Open

    it('should not call event.preventDefault when press left key in input type checkbox', () => {
        const component = mount(<SelectableCell inputType="checkbox" />);
        const preventDefaultMockFn = jest.fn();
        component.find('input').simulate('keyDown', {
            keyCode: LEFT_KEY,

• Read up
  Read up

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

Open

    it('should close the DateTimePicker when click the cancel button', async () => {
        const picker = new PageDateTimePicker(DATETIMEPICKER);
        await picker.click();
        await picker.waitUntilOpen();
        await picker.clickCancelButton();

• Read up
  Read up

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

Open

    it('should set ariaExpanded to true in button when the AccordionSection is expanded', () => {
        const activeNames = 'accordion-test-1';
        const { getByRole } = render(
            <Accordion activeSectionNames={activeNames}>
                <AccordionSection name="accordion-test-1" label="Rainbow Accordion">

• Read up
  Read up

Function attachResizeEvent has 78 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function attachResizeEvent(element, resizeListener) {
    if (!element) {
        return;
    }
    if (element.resizedAttached) {

Function Path has 78 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function Path(props) {
    const { currentStepName, onClick, children, id, className, style } = props;
    const [hoveredStepName, setHoveredStepName] = useState(null);
    const [stepsCount, setStepsCount] = useState(0);
    const registeredSteps = useRef([]);