nexxtway/react-rainbow

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

Open

describe('<Drawer/>', () => {
    it('should be accessible', async () => {
        expect.assertions(1);
        const wrapper = mount(
            <Drawer isOpen header="Drawer a11y" footer={<Button label="button in drawer footer" />}>

• Read up
  Read up

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

Open

    it('should set the right minutes input value and focus am-pm selector when type "56" and minutes input is focused', async () => {
        const timePicker = new PageTimePicker(TIME_PICKER);
        await timePicker.clickTimeInput();
        await timePicker.waitUntilOpen();
        await browser.keys(ARROW_RIGHT_KEY);

• Read up
  Read up

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

Open

function SvgNorfolkIsland({ className, style }) {
    return (
        <svg width={32} height={32} viewBox="0 0 32 32" className={className} style={style}>
            <g fillRule="nonzero" fill="none">
                <path

• Read up
  Read up

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

Open

function SvgSpain({ className, style }) {
    return (
        <svg width={32} height={32} viewBox="0 0 32 32" className={className} style={style}>
            <g fillRule="nonzero" fill="none">
                <path

• Read up
  Read up

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

Open

describe('<Modal/>', () => {
    it('should be accessible', async () => {
        expect.assertions(1);
        const wrapper = mount(
            <Modal isOpen title="Modal a11y" footer={<Button label="button in modal footer" />}>

• Read up
  Read up

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

Open

    it('should set the right minutes input value and focus am-pm selector when type "09" and minutes input is focused', async () => {
        const timePicker = new PageTimePicker(TIME_PICKER);
        await timePicker.clickTimeInput();
        await timePicker.waitUntilOpen();
        await browser.keys(ARROW_RIGHT_KEY);

• Read up
  Read up

File button.js has 382 lines of code (exceeds 250 allowed). Consider refactoring.

Open

/* eslint-disable indent */
import styled from 'styled-components';
import {
    FONT_SIZE_HEADING_SMALL,
    FONT_SIZE_TEXT_MEDIUM,

Function DateTimePicker has 129 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const DateTimePicker = React.forwardRef((props, ref) => {
    const {
        placeholder,
        labelAlignment,
        hideLabel,

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

Open

    it('should set hour value to "01" when hour input is focused and click up button', () => {
        const component = mount(<TimeSelect />);
        const upButton = component.find(ButtonIcon).at(0);
        const hourInput = component.find('input').at(0);
        hourInput.simulate('focus');

• Read up
  Read up

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

Open

    it('should set minutes value to "00" when minutes input is focused and click up button', () => {
        const component = mount(<TimeSelect />);
        const upButton = component.find(ButtonIcon).at(0);
        const minutesInput = component.find('input').at(1);
        minutesInput.simulate('focus');

• Read up
  Read up

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

Open

    it('should set minutes value to "59" when minutes input is focused and click down button', () => {
        const component = mount(<TimeSelect />);
        const downButton = component.find(ButtonIcon).at(1);
        const minutesInput = component.find('input').at(1);
        minutesInput.simulate('focus');

• Read up
  Read up

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

Open

    it('should set hour value to "12" when hour input is focused and click down button', () => {
        const component = mount(<TimeSelect />);
        const downButton = component.find(ButtonIcon).at(1);
        const hourInput = component.find('input').at(0);
        hourInput.simulate('focus');

• Read up
  Read up

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

Open

        <svg
            className={className}
            style={style}
            width="10px"
            height="10px"

• Read up
  Read up

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

Open

    it('should open the modal when enter key or space key is pressed while input is focused and readOnly is not passed', () => {
        const values = [ENTER_KEY, SPACE_KEY];
        values.forEach(keyCode => {
            const component = mount(<DateTimePicker label="unit-testing-dateTimePicker" />);
            const input = component.find('input');

• Read up
  Read up

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

Open

    it('should close the dropdown when is open and press Tab key', () => {
        const wrapper = mount(<PhoneInput />);
        wrapper.find(StyledTrigger).simulate('click');
        expect(wrapper.find('InternalOverlay').prop('isVisible')).toBe(true);
        wrapper.find(CountriesDropdown).simulate('keyDown', { key: 'Tab' });

• Read up
  Read up

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

Open

        <svg className={className} style={style} width="12px" height="12px" viewBox="0 0 12 12">
            <g id="app-import-export" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
                <g
                    id="import-export-/-export-2-new-template-4"
                    transform="translate(-1399.000000, -26.000000)"

• Read up
  Read up

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

Open

    it('should close the dropdown when is open and press Escape key', () => {
        const wrapper = mount(<PhoneInput />);
        wrapper.find(StyledTrigger).simulate('click');
        expect(wrapper.find('InternalOverlay').prop('isVisible')).toBe(true);
        wrapper.find(CountriesDropdown).simulate('keyDown', { key: 'Escape' });

• Read up
  Read up

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

Open

    it('should open the modal when enter key or space key is pressed while input is focused and readOnly is not passed', () => {
        const values = [ENTER_KEY, SPACE_KEY];
        values.forEach(value => {
            const component = mount(<TimePicker label="unit-testing-timePicker" />);
            const timePickerInput = component.find('input');

• Read up
  Read up

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

Open

    it('should set minutes value to "00" when minutes input is focused and press up key', () => {
        const component = mount(<TimeSelect />);
        const minutesInput = component.find('input').at(1);
        const container = component.find('div[role="presentation"]');
        minutesInput.simulate('focus');

• Read up
  Read up

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

Open

    it('should set hour value to "12" when hour input is focused and press down key', () => {
        const component = mount(<TimeSelect />);
        const hourInput = component.find('input').at(0);
        const container = component.find('div[role="presentation"]');
        hourInput.simulate('focus');

• Read up
  Read up