nexxtway/react-rainbow

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

Open

    it('should lost the focus when the checkbox is selected and press the key TAB', async () => {
        const checkboxGroup = new PageCheckboxGroup(CHECKBOX_GROUP);
        const checkbox = await checkboxGroup.getItem(0);
        await checkbox.click();
        // TODO: Use constant once PR merged.

• Read up
  Read up

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

Open

    it('should pass the right error when redux form meta object is passed and touched is true', () => {
        const meta = {
            error: 'redux form error from meta',
            touched: true,
            submitFailed: false,

• Read up
  Read up

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

Open

    it('should lose the focus when press arrow down', async () => {
        const radioGroup = new PageRadioGroup(RADIO_GROUP);
        const radio = await radioGroup.getItem(1);
        await radio.click();
        // TODO: Use constant once PR merged

• Read up
  Read up

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

Open

    it('should uncheck the item when press arrow down', async () => {
        const radioGroup = new PageRadioGroup(RADIO_GROUP);
        const radio = await radioGroup.getItem(1);
        await radio.click();
        // TODO: Use constant once PR merged

• Read up
  Read up

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

Open

    it('should be accessible', () => {
        const component = shallow(<ProgressBar value={25} />);

        expect(component.find(StyledContainer).props()).toEqual(
            expect.objectContaining({

• Read up
  Read up

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

Open

    it('should be accessible', () => {
        const component = shallow(<ProgressCircular value={25} />);
        expect(component.find(StyledContainer).props()).toEqual(
            expect.objectContaining({
                role: 'progressbar',

• Read up
  Read up

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

Open

    it('should not call CounterManager.decrement when the component unmount and it is not open', () => {
        CounterManager.decrement.mockReset();
        const component = mount(
            <Drawer isOpen={false}>
                <p />

• Read up
  Read up

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

Open

    it('should not call CounterManager.decrement when the component unmount and it is not open', () => {
        CounterManager.decrement.mockReset();
        const component = mount(
            <Modal isOpen={false}>
                <p />

• Read up
  Read up

Function CheckoutExample has 76 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function CheckoutExample() {
    return (
        <div className="rainbow-align-content_center rainbow-checkout_view-port">
            <Card className="rainbow-checkout_card-container" icon={CARD_ICON} title="Checkout">
                <div className="rainbow-p-horizontal_x-large rainbow-p-bottom_large rainbow-checkout_media-styles-container">

Function Rgba has 76 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const Rgba = React.forwardRef((_props, ref) => {
    const { rgba, hsv, hex, tabIndex, onChange } = useContext(ColorPickerContext) || {};

    const firstRef = useRef();
    const lastRef = useRef();

Function SingleCalendarHeader has 75 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function SingleCalendarHeader(props) {
    const {
        monthLabelId,
        currentYear,
        yearsRange,

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

Open

describe('<WeekDayPicker />', () => {
    it('should be accessible', async () => {
        expect.assertions(1);
        const html = ReactDOMServer.renderToString(
            <WeekDayPicker label="Accesibility test on WeekDayPicker" value="monday" />,

• Read up
  Read up

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

Open

describe('<TimePicker/>', () => {
    it('should be accessible', async () => {
        expect.assertions(1);
        const html = ReactDOMServer.renderToString(
            <TimePicker label="Accessibility test on TimePicker" value="18:35" />,

• Read up
  Read up

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

Open

describe('<Chip/>', () => {
    it('should be accessible', async () => {
        expect.assertions(1);
        const html = ReactDOMServer.renderToString(<Chip label="Chip Neutral" variant="neutral" />);
        const results = await axe(html);

• Read up
  Read up

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

Open

describe('<Avatar/>', () => {
    it('should be accessible when a src and assistiveText are passed', async () => {
        expect.assertions(1);
        const html = ReactDOMServer.renderToString(
            <Avatar src="images/user/user1.jpg" assistiveText="user photo" />,

• Read up
  Read up

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

Open

describe('<TimeSelect/>', () => {
    it('should be accessible', async () => {
        expect.assertions(1);
        const html = ReactDOMServer.renderToString(
            <TimeSelect label="Accessibility test on TimeSelect" value="18:35" />,

• Read up
  Read up

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

Open

    it('should call event.preventDefault when press right key in input type radio', () => {
        const component = mount(<SelectableCell inputType="radio" />);
        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 call event.preventDefault when press left key in input type radio', () => {
        const component = mount(<SelectableCell inputType="radio" />);
        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 render the LabelText component', () => {
            const component = mount(<Label label="Input Label" />);
            expect(component.find(LabelText).exists()).toBe(true);
            expect(component.find(HiddenElement).exists()).toBe(false);
        });

• Read up
  Read up

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

Open

        it('should render the StyledLabelText component', () => {
            const component = mount(<Label label="Input Label" />);
            expect(component.find(StyledLabelText).exists()).toBe(true);
            expect(component.find(HiddenElement).exists()).toBe(false);
        });

• Read up
  Read up