ant-design/ant-design

File upload.test.tsx has 910 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React, { useEffect, useRef } from 'react';
import { produce } from 'immer';
import cloneDeep from 'lodash/cloneDeep';
import type { UploadRequestOption } from 'rc-upload/lib/interface';

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

Open

    const Demo: React.FC = () => {
      const [fileList, setFileList] = React.useState<UploadFile[]>([]);

      const onChange: UploadProps['onChange'] = async (e) => {
        const newFileList = Array.isArray(e) ? e : e.fileList;

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

Open

          defaultFileList={[
            {
              uid: 'bamboo',
              name: 'bamboo.png',
            },

• Read up
  Read up

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

Open

    const { container, rerender } = render(
      <Upload action="http://upload.com">
        <button type="button">upload</button>
      </Upload>,
    );

• Read up
  Read up

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

Open

    const { container, rerender } = render(
      <Upload listType="picture-card">
        <button type="button">upload</button>
      </Upload>,
    );

• Read up
  Read up

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

Open

      return (
        <Upload customRequest={customRequest} onChange={onChange} fileList={fileList}>
          <button type="button">Upload</button>
        </Upload>
      );

• Read up
  Read up

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

Open

    render(
      <Upload fileList={fileList as UploadProps['fileList']}>
        <button type="button">upload</button>
      </Upload>,
    );

• Read up
  Read up

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

Open

      return (
        <Upload customRequest={customRequest} onChange={onChange} fileList={fileList}>
          <button type="button">Upload</button>
        </Upload>
      );

• Read up
  Read up

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

Open

      fireEvent.change(wrapper.querySelector('input')!, {
        target: {
          files: [new File(['foo'], 'foo.png', { type: 'image/png' })],
        },
      });

• Read up
  Read up

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

Open

    fireEvent.change(wrapper.querySelector('input')!, {
      target: {
        files: [new File(['foo'], 'foo.png', { type: 'image/png' })],
      },
    });

• Read up
  Read up

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

Open

    const { container: wrapper } = render(
      <Upload {...props}>
        <button type="button">upload</button>
      </Upload>,
    );

• Read up
  Read up

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

Open

    const { container: wrapper } = render(
      <Upload {...props}>
        <button type="button">upload</button>
      </Upload>,
    );

• Read up
  Read up

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

Open

      const { container: wrapper } = render(
        <Upload {...props}>
          <button type="button">upload</button>
        </Upload>,
      );

• Read up
  Read up

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

Open

    const { container: wrapper } = render(
      <Upload {...props}>
        <button type="button">upload</button>
      </Upload>,
    );

• Read up
  Read up

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

Open

    const { container: wrapper } = render(
      <Upload {...props}>
        <button type="button">upload</button>
      </Upload>,
    );

• Read up
  Read up

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

Open

    const { container: wrapper } = render(
      <Upload {...props}>
        <button type="button">upload</button>
      </Upload>,
    );

• Read up
  Read up

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

Open

    const { container: wrapper } = render(
      <Upload {...props}>
        <button type="button">upload</button>
      </Upload>,
    );

• Read up
  Read up

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

Open

      const { container: wrapper } = render(
        <Upload {...props}>
          <button type="button">upload</button>
        </Upload>,
      );

• Read up
  Read up

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

Open

    const { container, rerender } = render(
      <Demo>
        <div>upload</div>
      </Demo>,
    );

• Read up
  Read up