nexxtway/react-rainbow

File timeSelect.spec.js has 666 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React from 'react';
import { mount } from 'enzyme';
import TimeSelect from '../timeSelect';
import {
    LEFT_KEY,

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

Open

    it('should set hour value to "01" when press up key after reset hour input', () => {
        const component = mount(<TimeSelect />);
        const hourInput = component.find('input').at(0);
        const container = component.find('div[role="presentation"]');
        hourInput.simulate('change', { target: { value: '7' } });

• Read up
  Read up

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

Open

    it('should reset minutes input when has a value and press delete key while it is focused', () => {
        const component = mount(<TimeSelect />);
        const minutesInput = component.find('input').at(1);
        const container = component.find('div[role="presentation"]');
        minutesInput.simulate('change', { target: { value: '20' } });

• Read up
  Read up

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

Open

    it('should set hour value to "02" when hour input is focused, click up button and then type "2"', () => {
        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 "02" when minutes input is focused and click up button and then type "2"', () => {
        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 "02" when minutes input is focused and click down button and then type "2"', () => {
        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 "02" when hour input is focused, click down button and then type "2"', () => {
        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

        values.forEach((value, index) => {
            const hourInput = component.find('input').at(0);
            hourInput.simulate('focus');
            hourInput.simulate('change', { target: { value } });
            const focusedElementDataId = document.activeElement.getAttribute('data-id');

• Read up
  Read up

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

Open

        values.forEach((value, index) => {
            const minutesInput = component.find('input').at(1);
            minutesInput.simulate('focus');
            minutesInput.simulate('change', { target: { value } });
            const focusedElementAriaLabel = document.activeElement.getAttribute('aria-label');

• Read up
  Read up

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 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

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

Open

    it('should set minutes value to "59" when minutes input is focused and press down 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 2 locations. Consider refactoring.

Open

    it('should keep the ampm input focused when it is focused and press right key', () => {
        const component = mount(<TimeSelect />);
        const container = component.find('div[role="presentation"]');
        container.simulate('keyDown', { keyCode: RIGHT_KEY });
        container.simulate('keyDown', { keyCode: RIGHT_KEY });

• Read up
  Read up

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

Open

    it('should focus minutes input when ampm input is focused and press left key', () => {
        const component = mount(<TimeSelect />);
        const container = component.find('div[role="presentation"]');
        container.simulate('keyDown', { keyCode: RIGHT_KEY });
        container.simulate('keyDown', { keyCode: RIGHT_KEY });

• Read up
  Read up

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

Open

    it('should call event.preventDefault when something is dropped on minutes input', () => {
        const preventDefaultMockFn = jest.fn();
        const component = mount(<TimeSelect />);
        const minutesInput = component.find('input').at(1);
        minutesInput.simulate('drop', {

• Read up
  Read up

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

Open

    it('should call event.preventDefault when something is pasted on hour input', () => {
        const preventDefaultMockFn = jest.fn();
        const component = mount(<TimeSelect />);
        const hourInput = component.find('input').at(0);
        hourInput.simulate('paste', {

• Read up
  Read up

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

Open

    it('should call event.preventDefault when something is pasted on minutes input', () => {
        const preventDefaultMockFn = jest.fn();
        const component = mount(<TimeSelect />);
        const minutesInput = component.find('input').at(1);
        minutesInput.simulate('paste', {

• Read up
  Read up

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

Open

    it('should call event.preventDefault when something is dropped on hour input', () => {
        const preventDefaultMockFn = jest.fn();
        const component = mount(<TimeSelect />);
        const hourInput = component.find('input').at(0);
        hourInput.simulate('drop', {

• Read up
  Read up

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

Open

    it('should call onCloseModal when click the OK button', () => {
        const onCloseModalMockFn = jest.fn();
        const component = mount(<TimeSelect onCloseModal={onCloseModalMockFn} />);
        const okButton = component.find('Button').at(1);
        okButton.simulate('click');

• Read up
  Read up

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

Open

    it('should call onCloseModal when click the cancel button', () => {
        const onCloseModalMockFn = jest.fn();
        const component = mount(<TimeSelect onCloseModal={onCloseModalMockFn} />);
        const cancelButton = component.find('Button').at(0);
        cancelButton.simulate('click');

• Read up
  Read up

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

Open

    it('should call onCloseModal when when press enter key', () => {
        const onCloseModalMockFn = jest.fn();
        const component = mount(<TimeSelect onCloseModal={onCloseModalMockFn} />);
        const container = component.find('div[role="presentation"]');
        container.simulate('keyDown', { keyCode: ENTER_KEY });

• Read up
  Read up

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

Open

    it('should not call onChange when press enter key while hour, minutes and ampm has not value', () => {
        const onChangeMockFn = jest.fn();
        const component = mount(<TimeSelect onChange={onChangeMockFn} />);
        const container = component.find('div[role="presentation"]');
        container.simulate('keyDown', { keyCode: ENTER_KEY });

• Read up
  Read up

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

Open

    it('should call event.preventDefault when press enter key', () => {
        const preventDefaultMockFn = jest.fn();
        const component = mount(<TimeSelect />);
        const container = component.find('div[role="presentation"]');
        container.simulate('keyDown', {

• Read up
  Read up

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

Open

    it('should call event.stopPropagation when press enter key', () => {
        const stopPropagationMockFn = jest.fn();
        const component = mount(<TimeSelect />);
        const container = component.find('div[role="presentation"]');
        container.simulate('keyDown', {

• Read up
  Read up