ant-design/ant-design

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

Open

import React, { useState } from 'react';
import { createPortal } from 'react-dom';

// eslint-disable-next-line import/no-unresolved
import type { InputProps, InputRef } from '..';

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

Open

  it('should correctly when useState', () => {
    const App: React.FC = () => {
      const [query, setQuery] = useState('');
      return (
        <Input

• Read up
  Read up

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

Open

  it('should not lost focus when clear input', () => {
    const onBlur = jest.fn();
    const { container, unmount } = render(
      <Input allowClear defaultValue="value" onBlur={onBlur} />,
      {

• Read up
  Read up

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

Open

  it('should change type when click', () => {
    const { asFragment, container } = render(<Input allowClear />);
    fireEvent.change(container.querySelector('input')!, { target: { value: '111' } });
    expect(container.querySelector('input')?.value).toEqual('111');
    expect(asFragment().firstChild).toMatchSnapshot();

• Read up
  Read up

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

Open

  it('should trigger event correctly on controlled mode', () => {
    let argumentEventObjectType;
    let argumentEventObjectValue;
    const onChange: InputProps['onChange'] = (e) => {
      argumentEventObjectType = e.type;

• Read up
  Read up

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

Open

  it('should trigger event correctly', () => {
    let argumentEventObjectType;
    let argumentEventObjectValue;
    const onChange: InputProps['onChange'] = (e) => {
      argumentEventObjectType = e.type;

• Read up
  Read up

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

Open

  it('should support className when has prefix', () => {
    const { container } = render(<Input prefix="prefix" className="my-class-name" />);
    expect((container.firstChild as Element).className.includes('my-class-name')).toBe(true);
    expect(container.querySelector('input')?.className.includes('my-class-name')).toBe(false);
  });

• Read up
  Read up

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

Open

  it('should support className when has suffix', () => {
    const { container } = render(<Input suffix="suffix" className="my-class-name" />);
    expect((container.firstChild as Element).className.includes('my-class-name')).toBe(true);
    expect(container.querySelector('input')?.className.includes('my-class-name')).toBe(false);
  });

• Read up
  Read up

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

Open

  it('legacy bordered should work', () => {
    const errSpy = jest.spyOn(console, 'error');
    const { container } = render(<Input bordered={false} />);
    expect(container.querySelector('input')).toHaveClass('ant-input-borderless');
    expect(errSpy).toHaveBeenCalledWith(expect.stringContaining('`bordered` is deprecated'));

• Read up
  Read up

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

Open

  it('should focus input after clear', () => {
    const { container, unmount } = render(<Input allowClear defaultValue="111" />, {
      container: document.body,
    });
    fireEvent.click(container.querySelector('.ant-input-clear-icon')!);

• Read up
  Read up

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

Open

  it('control exceed maxLength', () => {
    const { container } = render(<Input maxLength={5} showCount value="12345678" />);
    expect(container.querySelector('input')?.getAttribute('value')).toBe('12345678');
    expect(container.querySelector('.ant-input-show-count-suffix')?.innerHTML).toBe('8 / 5');
  });

• Read up
  Read up

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

Open

  it('maxLength', () => {
    const { container } = render(<Input maxLength={5} showCount value="12345" />);
    expect(container.querySelector('input')?.getAttribute('value')).toBe('12345');
    expect(container.querySelector('.ant-input-show-count-suffix')?.innerHTML).toBe('5 / 5');
  });

• Read up
  Read up

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

Open

  it('should support size', () => {
    const { asFragment, container } = render(<Input size="large" />);
    expect(container.querySelector('input')?.classList.contains('ant-input-lg')).toBe(true);
    expect(asFragment().firstChild).toMatchSnapshot();
  });

• Read up
  Read up

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

Open

    const { container } = render(
      <Input
        maxLength={5}
        showCount={{
          formatter: ({ value, count, maxLength }) => `${value}, ${count}, ${maxLength}`,

• Read up
  Read up

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

Open

  it('should support custom clearIcon', () => {
    const { container } = render(<Input allowClear={{ clearIcon: 'clear' }} />);
    expect(container.querySelector('.ant-input-clear-icon')?.textContent).toBe('clear');
  });

• Read up
  Read up

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

Open

  it('should support maxLength', () => {
    const { asFragment } = render(<Input maxLength={3} />);
    expect(asFragment().firstChild).toMatchSnapshot();
  });

• Read up
  Read up

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

Open

          styles={{
            input: { color: 'red' },
            prefix: { color: 'blue' },
            suffix: { color: 'yellow' },
            count: { color: 'green' },

• Read up
  Read up

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

Open

          styles={{
            input: { color: 'red' },
            prefix: { color: 'blue' },
            suffix: { color: 'yellow' },
            count: { color: 'green' },

• Read up
  Read up

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

Open

        <Input.Search
          hidden
          className="input-search"
          showCount
          allowClear

• Read up
  Read up

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

Open

        <Input.Password
          hidden
          className="input-password"
          showCount
          allowClear

• Read up
  Read up