validate-warning.test.tsx

import React from 'react';
import Form from '../src';
import InfoField, { Input } from './common/InfoField';
import { changeValue, getInput, matchError } from './common';
import type { FormInstance, Rule } from '../src/interface';
import { render } from '@testing-library/react';


jest.mock('../src/utils/delayUtil');
describe('Form.WarningValidate', () => {
  it('required', async () => {
    const form = React.createRef<FormInstance>();
    const { container } = render(
      <Form ref={form}>
        <InfoField name="name" rules={[{ required: true, warningOnly: true }]}>
          <Input />
        </InfoField>
      </Form>,
    );
    await changeValue(getInput(container), ['bamboo', '']);
    matchError(container, false, "'name' is required");
    expect(form.current?.getFieldWarning('name')).toEqual(["'name' is required"]);
  });

  describe('validateFirst should not block error', () => {
    const testValidateFirst = (
      name: string,
      validateFirst: boolean | 'parallel',
      additionalRule?: Rule,
      errorMessage?: string,
    ) => {
      it(name, async () => {
        const rules: Rule[] = [
          additionalRule,
          { type: 'string', len: 10, warningOnly: true },
          { type: 'url' },
          { type: 'string', len: 20, warningOnly: true },
        ];
        const { container } = render(
          <Form>
            <InfoField name="name" validateFirst={validateFirst} rules={rules.filter(Boolean)}>
              <Input />
            </InfoField>
          </Form>,
        );
        await changeValue(getInput(container), 'bamboo');
        matchError(container, errorMessage || "'name' is not a valid url", false);
      });
    };
    testValidateFirst('default', true);
    testValidateFirst(
      'default',
      true,
      { type: 'string', len: 3 },
      "'name' must be exactly 3 characters",
    );
    testValidateFirst('parallel', 'parallel');
  });
});