Migrate to testing-lib

Author: li-jia-nan

jest.config.js

@@ -0,0 +1,7 @@
+import type { Config } from 'jest';
+
+const config: Config = {
+  setupFilesAfterEnv: ['<rootDir>/tests/setupAfterEnv.ts'],
+};
+
+export default config;

jest.config.ts

@@ -55,9 +55,9 @@
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^5.16.4",
-    "@testing-library/react": "^13.0.0",
+    "@testing-library/react": "^12.1.5",
     "@types/enzyme": "^3.10.5",
-    "@types/jest": "^26.0.20",
+    "@types/jest": "^29.2.5",
     "@types/lodash": "^4.14.135",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
@@ -71,6 +71,7 @@
     "father": "^2.13.6",
     "father-build": "^1.18.6",
     "gh-pages": "^3.1.0",
+    "jest": "^29.3.1",
     "np": "^5.0.3",
     "prettier": "^2.1.2",
     "react": "^16.14.0",

package.json

@@ -1,19 +1,16 @@
 import React from 'react';
-import { mount } from 'enzyme';
+import { render } from '@testing-library/react';
+import type { FormInstance } from '../../src';
 import Form, { Field } from '../../src';
 import { Input } from '../common/InfoField';
 
 describe('legacy.clean-field', () => {
   // https://github.com/ant-design/ant-design/issues/12560
   it('clean field if did update removed', async () => {
-    let form;
+    const form = React.createRef<FormInstance>();
 
-    const Test = ({ show }) => (
-      <Form
-        ref={instance => {
-          form = instance;
-        }}
-      >
+    const Test: React.FC<any> = ({ show }) => (
+      <Form ref={form}>
         {show ? (
           <Field name="age" rules={[{ required: true }]}>
             <Input />
@@ -26,20 +23,20 @@ describe('legacy.clean-field', () => {
       </Form>
     );
 
-    const wrapper = mount(<Test show />);
+    const { rerender } = render(<Test show />);
 
     try {
-      await form.validateFields();
+      await form.current?.validateFields();
       throw new Error('should not pass');
     } catch ({ errorFields }) {
       expect(errorFields.length).toBe(1);
       expect(errorFields[0].name).toEqual(['age']);
     }
 
-    wrapper.setProps({ show: false });
+    rerender(<Test show={false} />);
 
     try {
-      await form.validateFields();
+      await form.current?.validateFields();
       throw new Error('should not pass');
     } catch ({ errorFields }) {
       expect(errorFields.length).toBe(1);