ant-design/ant-design

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

Open

import type { ChangeEventHandler } from 'react';
import React, { version as ReactVersion, useEffect, useRef, useState } from 'react';
import { AlertFilled } from '@ant-design/icons';
import type { ColProps } from 'antd/es/grid';
import classNames from 'classnames';

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

Open

      const Demo: React.FC = () => {
        const [form] = Form.useForm();

        const onChange = async () => {
          // Wait a while and then some logic to validate

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

Open

    const Demo: React.FC = () => {
      const [form] = Form.useForm();

      return (
        <Form form={form}>

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

Open

    const Demo: React.FC = () => {
      const [open, setOpen] = useState(false);
      return (
        <>
          <Form>

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

Open

  it('input element should have the prop aria-describedby pointing to the extra id when there is a extra message', () => {
    const { container } = render(
      <Form>
        <Form.Item name="test" extra="This is a extra message">
          <input />

• Read up
  Read up

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

Open

  it('input element should have the prop aria-describedby pointing to the help id when there is a help message', () => {
    const { container } = pureRender(
      <Form>
        <Form.Item name="test" help="This is a help">
          <input />

• Read up
  Read up

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

Open

  it('input element should not have the prop aria-describedby pointing to the help id when there is a help message and name is not defined', () => {
    const { container } = render(
      <Form>
        <Form.Item help="This is a help">
          <input />

• Read up
  Read up

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

Open

  it('input element should not have the prop aria-describedby pointing to the extra id when there is a extra message and name is not defined', () => {
    const { container } = render(
      <Form>
        <Form.Item extra="This is a extra message">
          <input />

• Read up
  Read up

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

Open

    it('empty string', async () => {
      const { container } = render(
        <Form>
          <Form.Item help="">
            <input />

• Read up
  Read up

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

Open

    it('normal', async () => {
      const { container } = render(
        <Form>
          <Form.Item help="good">
            <input />

• Read up
  Read up

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

Open

        <Form scrollToFirstError={{ block: 'center' }} onFinishFailed={onFinishFailed}>
          <Form.Item name="test" rules={[{ required: true }]}>
            <input />
          </Form.Item>
          <Form.Item>

• Read up
  Read up

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

Open

    const { container } = pureRender(
      <Form>
        <Form.Item name="test" rules={[{ len: 3 }, { type: 'number' }]}>
          <input />
        </Form.Item>

• Read up
  Read up

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

Open

    const { container } = render(
      <Form>
        <Form.Item name="test" rules={[{ len: 3 }, { type: 'number' }]}>
          <input />
        </Form.Item>

• Read up
  Read up

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

Open

        <Form.Item label="Radio">
          <Radio.Group>
            <Radio value="apple">Apple</Radio>
            <Radio value="pear">Pear</Radio>
          </Radio.Group>

• Read up
  Read up

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

Open

        <Form.Item label="TreeSelect">
          <TreeSelect
            treeData={[
              {
                title: 'Light',

• Read up
  Read up

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

Open

        <Form.Item label="Cascader">
          <Cascader
            options={[
              {
                value: 'zhejiang',

• Read up
  Read up

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

Open

      <Form>
        <Form.Item name="required" initialValue="bamboo" rules={[{ required: true }]}>
          <Input />
        </Form.Item>
      </Form>,

• Read up
  Read up

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

Open

      <Form>
        <Form.Item name="username" label="username" rules={[{ required: true }]}>
          <MyInput />
        </Form.Item>
      </Form>

• Read up
  Read up

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

Open

          <Form>
            <Form.Item name="test" label="Bamboo" rules={[{ required: true }]}>
              <input />
            </Form.Item>
          </Form>

• Read up
  Read up

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

Open

        <ConfigProvider form={{ requiredMark: true }}>
          <Form hideRequiredMark role="form">
            <Form.Item name="light" label="light" required>
              <Input />
            </Form.Item>

• Read up
  Read up

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

Open

        <ConfigProvider form={{ requiredMark: undefined }}>
          <Form hideRequiredMark role="form">
            <Form.Item name="light" label="light" required>
              <Input />
            </Form.Item>

• Read up
  Read up

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

Open

      const { container } = render(
        <Form>
          <Form.Item name="light" hidden>
            <Input />
          </Form.Item>

• Read up
  Read up

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

Open

    const { container } = render(
      <Form>
        <Form.Item name="test" required>
          <input />
        </Form.Item>

• Read up
  Read up

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

Open

        <Form.Item label="Select">
          <Select>
            <Select.Option value="demo">Demo</Select.Option>
          </Select>
        </Form.Item>

• Read up
  Read up

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

Open

    const ErrorItem: React.FC = () => {
      const { errors } = useStatus();
      return <div className="test-error">{errors[0]}</div>;
    };

• Read up
  Read up

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

Open

    const WarningItem: React.FC = () => {
      const { warnings } = useStatus();
      return <div className="test-warning">{warnings[0]}</div>;
    };

• Read up
  Read up

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

Open

              <Form.Item name={['list', 0]} noStyle help={help} rules={[{ required: true }]}>
                <Input />
              </Form.Item>

• Read up
  Read up

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

Open

              <Form.Item name={['list', 1]} noStyle help={help} rules={[{ required: true }]}>
                <Input />
              </Form.Item>

• Read up
  Read up

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

Open

      <Form>
        <Form.Item name="test" label="test" rules={[{ required: true, message: 'message' }]}>
          <Input />
        </Form.Item>
      </Form>,

• Read up
  Read up

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

Open

      <Form>
        <Form.Item
          name="light"
          hasFeedback
          rules={[{ required: true, message: 'Please input a entry price' }]}

• Read up
  Read up

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

Open

        <Form colon={false}>
          <Form.Item label="姓名" name="姓名">
            <Input />
          </Form.Item>
        </Form>,

• Read up
  Read up

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

Open

      <Form name="form">
        <Form.Item name="test" help="This is a help">
          <input />
        </Form.Item>
      </Form>,

• Read up
  Read up

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

Open

    render(
      <Form>
        <Form.Item name="light">
          <input defaultValue="should warning" />
        </Form.Item>

• Read up
  Read up

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

Open

    const { container } = render(
      <Form>
        <Form.Item name="light">
          <Input id="bamboo" />
        </Form.Item>

• Read up
  Read up

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

Open

          <Form.Item
            label="Last Name"
            name="lastName"
            required
            {...genProps({ requiredMark: true })}

• Read up
  Read up

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

Open

          <Form.Item
            label="First Name"
            name="firstName"
            required
            {...genProps({ requiredMark: false })}

• Read up
  Read up

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

Open

          <Form.Item name="error" rules={[{ required: true, message: 'This is a error message.' }]}>
            <ErrorItem />
          </Form.Item>

• Read up
  Read up

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

Open

                    <Form.Item name="bbb" rules={[{ required: true, message: 'aaa' }]}>
                      <Input />
                    </Form.Item>

• Read up
  Read up

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

Open

      <Form>
        <Form.Item name="test" rules={[{ required: true }]}>
          <input />
        </Form.Item>
      </Form>,

• Read up
  Read up

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

Open

      <Form validateMessages={{ required: '${label} is good!' }}>
        <Form.Item name="Bamboo" rules={[{ required: true }]}>
          <input />
        </Form.Item>
      </Form>,

• Read up
  Read up

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

Open

            <Form.Item name="first" noStyle rules={[{ required: true }]}>
              <Input />
            </Form.Item>

• Read up
  Read up

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

Open

          <Form.Item name="error" hasFeedback rules={[{ required: true }]}>
            <Input />
          </Form.Item>

• Read up
  Read up

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

Open

    const { container } = render(
      <Form.Item help="">
        <input />
      </Form.Item>,
    );

• Read up
  Read up

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

Open

      <Modal open>
        <Form>
          <Form.Item help="This is a help message">
            <Input />
          </Form.Item>

• Read up
  Read up

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

Open

        <Form.Item label="Form disabled" name="disabled" valuePropName="checked">
          <Checkbox>disabled</Checkbox>
        </Form.Item>

• Read up
  Read up