nexxtway/react-rainbow

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

Open

                        <section ref={example7Ref}>
                            <h3 className="react-rainbow-customization_section-heading">
                                How to do a variation with a specific color for only one component
                                on my app?
                            </h3>

• Read up
  Read up

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

Open

                        <section ref={example9Ref}>
                            <h3 className="react-rainbow-customization_section-heading">
                                How use the colors defined on the theme on my own elements of my
                                app?
                            </h3>

• Read up
  Read up

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

Open

    it('should close the time selector when press escape key while time selector is open', async () => {
        const timePicker = new PageTimePicker(TIME_PICKER);
        await timePicker.clickTimeInput();
        await timePicker.waitUntilOpen();
        await expect(await timePicker.isOpen()).toBe(true);

• Read up
  Read up

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

Open

    it('should close the DatePicker when esc key is pressed', async () => {
        const datePicker = new PageDatePicker(DATEPICKER);
        await datePicker.clickLabel();
        await datePicker.waitUntilOpen();
        await expect(await datePicker.isOpen()).toBe(true);

• Read up
  Read up

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

Open

    it('should open the time selector when space key is pressed while TimePicker is focused', async () => {
        const timePicker = new PageTimePicker(TIME_PICKER);
        await timePicker.clickTimeInput();
        await timePicker.waitUntilOpen();
        await browser.keys(ESCAPE_KEY);

• Read up
  Read up

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

Open

    it('should close the time selector when press cancel button while time selector is open', async () => {
        const timePicker = new PageTimePicker(TIME_PICKER);
        await timePicker.clickTimeInput();
        await timePicker.waitUntilOpen();
        await expect(await timePicker.isOpen()).toBe(true);

• Read up
  Read up

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

Open

    it('should open the time selector when enter key is pressed while TimePicker is focused', async () => {
        const timePicker = new PageTimePicker(TIME_PICKER);
        await timePicker.clickTimeInput();
        await timePicker.waitUntilOpen();
        await browser.keys(ESCAPE_KEY);

• Read up
  Read up

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

Open

    it('should close the time selector when press ok button while time selector is open', async () => {
        const timePicker = new PageTimePicker(TIME_PICKER);
        await timePicker.clickTimeInput();
        await timePicker.waitUntilOpen();
        await expect(await timePicker.isOpen()).toBe(true);

• Read up
  Read up

Function Child has 111 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function Child(props) {
    const {
        label,
        isExpanded,
        isLoading,

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

Open

    it('renders correctly in vertical orientation (explicit)', () => {
        const options = [{ value: 'admin', label: 'Admin' }, { value: 'user', label: 'User' }];

        const component = mount(<CheckboxGroup options={options} orientation="vertical" />);
        const elem = component.find(CheckboxGroupStyledContentContainer);

• Read up
  Read up

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

Open

    it('renders correctly in vertical orientation (explicit)', () => {
        const options = [{ value: 'admin', label: 'Admin' }, { value: 'user', label: 'User' }];

        const component = mount(<RadioGroup options={options} orientation="vertical" />);
        const elem = component.find(RadioGroupStyledContentContainer);

• Read up
  Read up

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

Open

    it('renders correctly in horizontal orientation (explicit)', () => {
        const options = [{ value: 'admin', label: 'Admin' }, { value: 'user', label: 'User' }];

        const component = mount(<CheckboxGroup options={options} orientation="horizontal" />);
        const elem = component.find(CheckboxGroupStyledContentContainer);

• Read up
  Read up

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

Open

    it('renders correctly in horizontal orientation (explicit)', () => {
        const options = [{ value: 'admin', label: 'Admin' }, { value: 'user', label: 'User' }];

        const component = mount(<RadioGroup options={options} orientation="horizontal" />);
        const elem = component.find(RadioGroupStyledContentContainer);

• Read up
  Read up

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

Open

    it('should fire onChange with a date as parameter when selectionType is single', () => {
        const value = new Date('04/24/2019');
        const mockChangeFn = jest.fn();
        const simpleCalendar = mount(<Calendar value={value} onChange={mockChangeFn} />);
        simpleCalendar

• Read up
  Read up

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

Open

describe('isScrollPositionAtMenuBottom', () => {
    it('should return true when scroll position is at bottom', () => {
        const menuRef = {
            scrollHeight: 925,
            scrollTop: 700,

• Read up
  Read up

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

Open

    it('should set isOpen to false when close function is called', () => {
        const hook = renderHook(value => useDisclosure(value), {
            initialProps: true,
        });
        expect(hook.result.current.isOpen).toBe(true);

• Read up
  Read up

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

Open

    it('should fire onChange with a date as parameter', () => {
        const value = new Date('04/24/2019');
        const mockChangeFn = jest.fn();
        const component = mount(<DoubleCalendar value={value} onChange={mockChangeFn} />);
        component

• Read up
  Read up

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

Open

    it('should set isOpen to true when open function is called', () => {
        const hook = renderHook(value => useDisclosure(value), {
            initialProps: false,
        });
        expect(hook.result.current.isOpen).toBe(false);

• Read up
  Read up

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

Open

describe('isScrollPositionAtScrollable', () => {
    it('should return true when scroll position is at bottom', () => {
        const scrollableRef = {
            scrollHeight: 925,
            scrollTop: 700,

• Read up
  Read up

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

Open

    render() {
        const { name, description, examples, tabBody } = this.props;
        const descriptionText = description ? description.props.text : null;
        const { activeTabName } = this.state;