nexxtway/react-rainbow

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

Open

    it('should pass the right props to the Label component', () => {
        const component = mount(<CodeInput label="custom label" required />);
        expect(component.find('Label').props()).toEqual({
            label: 'custom label',
            required: true,

• Read up
  Read up

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

Open

    it('should check the next item when press arrow down', async () => {
        const radioGroup = new PageRadioButtonGroup(RADIO_BUTTON_GROUP);
        const radio1 = await radioGroup.getItem(1);
        const radio2 = await radioGroup.getItem(2);
        await radio1.click();

• Read up
  Read up

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

Open

    it('should pass the right props to the Label component', () => {
        const component = mount(<VisualPicker label="custom label" required />);
        expect(component.find('Label').props()).toEqual({
            label: 'custom label',
            required: true,

• Read up
  Read up

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

Open

    it('should pass the right props to the Label component', () => {
        const component = mount(<WeekDayPicker label="custom label" required />);
        expect(component.find('Label').props()).toEqual({
            label: 'custom label',
            required: true,

• Read up
  Read up

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

Open

const StyledButton = attachThemeAttrs(styled.button).attrs(props => {
    if (props.palette.isDark) {
        return {
            inverse: {
                text: COLOR_DARK_1,

• Read up
  Read up

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

Open

    it('should set active next option when press arrow down key', async () => {
        const internalDropdown = new PageInternalDropdown(INTERNAL_DROPDOWN);
        const option1 = await internalDropdown.getOption(0);
        const option2 = await internalDropdown.getOption(1);
        await option1.click();

• Read up
  Read up

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

Open

    it('should select the last indicator when the first has focus and left arrow key is pressed', async () => {
        const carousel = new PageCarouselCard(CAROUSEL);
        const indicator = await carousel.getIndicatorItem(0);
        await indicator.click();
        await browser.keys('ArrowLeft');

• Read up
  Read up

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

Open

    it('shold call onChange when typing in the alpha input', () => {
        const changeFn = jest.fn();
        const component = mount(<ColorInput onChange={changeFn} />);
        component.find('input[type="number"]').simulate('change', { target: { value: '50' } });
        expect(changeFn).toHaveBeenCalledWith({ hex: '#000000', alpha: 0.5 });

• Read up
  Read up

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

Open

    it('should call onChange with alpha 1 when type an alpha greater than 100', () => {
        const changeFn = jest.fn();
        const component = mount(<ColorInput onChange={changeFn} />);
        component.find('input[type="number"]').simulate('change', { target: { value: '150' } });
        expect(changeFn).toHaveBeenCalledWith({ hex: '#000000', alpha: 1 });

• Read up
  Read up

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

Open

    it('should call onChange with alpha 0 when type an alpha smaller than 0', () => {
        const changeFn = jest.fn();
        const component = mount(<ColorInput onChange={changeFn} />);
        component.find('input[type="number"]').simulate('change', { target: { value: '-10' } });
        expect(changeFn).toHaveBeenCalledWith({ hex: '#000000', alpha: 0 });

• Read up
  Read up

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

Open

    it('should select the first indicator when the last has focus and right arrow key is pressed', async () => {
        const carousel = new PageCarouselCard(CAROUSEL);
        const indicator = await carousel.getIndicatorItem(2);
        await indicator.click();
        await browser.keys('ArrowRight');

• Read up
  Read up

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

Open

    it('should select the next indicator when the first has focus and right arrow key is pressed', async () => {
        const carousel = new PageCarouselCard(CAROUSEL);
        const indicator = await carousel.getIndicatorItem(0);
        await indicator.click();
        await browser.keys('ArrowRight');

• Read up
  Read up

TimeSelect has 30 functions (exceeds 20 allowed). Consider refactoring.

Open

export default class TimeSelect extends Component {
    constructor(props) {
        super(props);
        this.state = {
            hour: getHour(props.value),

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

Open

    it('should loose focus if another option is clicked', async () => {
        const visualPicker = new PageVisualPicker(VISUAL_PICKER);
        const option1 = await visualPicker.getItem(0);
        const option3 = await visualPicker.getItem(2);
        await option1.click();

• Read up
  Read up

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

Open

    it('should not be checked if another option is clicked', async () => {
        const visualPicker = new PageVisualPicker(VISUAL_PICKER);
        const option1 = await visualPicker.getItem(0);
        const option2 = await visualPicker.getItem(1);
        await option1.click();

• Read up
  Read up

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

Open

    it('should not loose the checked if another checkbox is clicked', async () => {
        const checkboxGroup = new PageCheckboxGroup(CHECKBOX_GROUP);
        const checkbox1 = await checkboxGroup.getItem(0);
        const checkbox2 = await checkboxGroup.getItem(1);
        await checkbox1.click();

• Read up
  Read up

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

Open

    it('should lost focus if other tab is selected', async () => {
        const tabset = new PageTabset(TABSET);
        const tabItem = await tabset.getItem(0);
        const tabItem2 = await tabset.getItem(1);
        await tabItem.click();

• Read up
  Read up

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

Open

    it('should loose focus if other indicator is selected', async () => {
        const carousel = new PageCarouselCard(CAROUSEL);
        const indicator = await carousel.getIndicatorItem(0);
        const indicator2 = await carousel.getIndicatorItem(1);
        await indicator.click();

• Read up
  Read up

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

Open

    it('should loose focus if another option is clicked', async () => {
        const visualPicker = new PageVisualPicker(VISUAL_PICKER);
        const option1 = await visualPicker.getItem(0);
        const option2 = await visualPicker.getItem(1);
        await option1.click();

• Read up
  Read up

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

Open

    it('should lost the focus if another checkbox is clicked', async () => {
        const checkboxGroup = new PageCheckboxGroup(CHECKBOX_GROUP);
        const checkbox1 = await checkboxGroup.getItem(0);
        const checkbox2 = await checkboxGroup.getItem(1);
        await checkbox1.click();

• Read up
  Read up