ant-design/ant-design

File index.test.tsx has 670 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React, { useEffect, useMemo, useState } from 'react';
import { createEvent, fireEvent, render } from '@testing-library/react';
import { spyElementPrototypes } from 'rc-util/lib/test/domHook';

import { resetWarned } from '../../_util/warning';

Function Demo has 26 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    const Demo = () => {
      const [disabled, setDisabled] = useState(false);
      return (
        <div className="App">
          <ColorPicker disabled={disabled} />

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

Open

  it('Should rgb input work', async () => {
    const { container } = render(<ColorPicker open format="rgb" />);
    const rgbInputEls = container.querySelectorAll('.ant-color-picker-rgb-input input');
    fireEvent.change(rgbInputEls[0], {
      target: { value: 99 },

• Read up
  Read up

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

Open

  it('Should hsb input work', async () => {
    const { container } = render(<ColorPicker open format="hsb" />);
    const hsbInputEls = container.querySelectorAll('.ant-color-picker-hsb-input input');
    fireEvent.change(hsbInputEls[0], {
      target: { value: 0 },

• Read up
  Read up

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

Open

  it('Should defaultFormat work', () => {
    const { container } = render(<ColorPicker open defaultFormat="hsb" />);
    expect(container.querySelector('.ant-color-picker-hsb-input')).toBeTruthy();
  });

• Read up
  Read up

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

Open

    it('default undefined, normal', () => {
      const { container } = render(<Demo />);

      expect(container.querySelector('.ant-color-picker-clear')).toBeFalsy();
    });

• Read up
  Read up

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

Open

  it('Should clear show when value not set', () => {
    const { container } = render(<ColorPicker />);
    expect(container.querySelector('.ant-color-picker-clear')).toBeTruthy();
  });

• Read up
  Read up

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

Open

  it('Should component render correct', () => {
    const { container } = render(<ColorPicker />);
    expect(container.querySelector('.ant-color-picker-trigger')).toBeTruthy();
  });

• Read up
  Read up

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

Open

      useEffect(() => {
        if (typeof props.value !== 'undefined') {
          setColor(props.value);
        }
      }, [props.value]);

• Read up
  Read up

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

Open

      useEffect(() => {
        if (typeof props.value !== 'undefined') {
          setColor(props.value);
        }
      }, [props.value]);

• Read up
  Read up

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

Open

    const { container } = render(
      <ColorPicker defaultValue="#1677ff" showText={(color) => color.toHexString()} />,
    );

• Read up
  Read up