refactor(test): update react-test-library==>@test-library/react

.eslintrc

@@ -27,6 +27,7 @@
     // allow specifying true explicitly for boolean props
     "react/jsx-boolean-value": 0,
     "react-hooks/rules-of-hooks": "error",
-    "react/no-did-update-set-state": 0
+    "react/no-did-update-set-state": 0,
+    "jsx-quotes":"off"
   }
 }

jest.config.js

@@ -12,7 +12,7 @@ module.exports = {
   },
   setupFilesAfterEnv: [
     require.resolve('jest-dom/extend-expect'),
-    require.resolve('react-testing-library/cleanup-after-each'),
+    require.resolve('@testing-library/react/cleanup-after-each'),
     './scripts/global.js'
   ],
   coveragePathIgnorePatterns: [

package.json

@@ -82,7 +82,7 @@
     "pretty-format": "^24.0.0",
     "react": "^16.8.3",
     "react-dom": "^16.8.3",
-    "react-testing-library": "^6.0.0",
+    "@testing-library/react": "^8.0.0",
     "remark-parse": "^6.0.3",
     "remark-stringify": "^6.0.4",
     "semver-regex": "^2.0.0",

packages/react/src/__tests__/actions.spec.js

@@ -5,7 +5,7 @@ import SchemaForm, {
   connect,
   createAsyncFormActions
 } from '../index'
-import { render } from 'react-testing-library'
+import { render } from '@testing-library/react'
 
 beforeEach(() => {
   registerFormField('string', connect()(props => <div>{props.value}</div>))

packages/react/src/__tests__/context.spec.js

@@ -7,7 +7,7 @@ import SchemaForm, {
   FormConsumer,
   createFormActions
 } from '../index'
-import { render, fireEvent, act } from 'react-testing-library'
+import { render, fireEvent, act } from '@testing-library/react'
 
 beforeEach(() => {
   registerFormField(

packages/react/src/__tests__/destruct.spec.js

@@ -1,40 +1,38 @@
 import React, { Fragment } from 'react'
 import SchemaForm, { Field, registerFormField, connect } from '../index'
 import { toArr } from '@uform/utils'
-import { render } from 'react-testing-library'
-
-beforeEach(() => {
-  registerFormField('string', connect()(props => <div>{props.value}</div>))
-
-  registerFormField('array', props => {
-    const { value, mutators, renderField } = props
-    return (
-      <Fragment>
-        {toArr(value).map((item, index) => {
-          return (
-            <div data-testid='item' key={index}>
-              {renderField(index)}
-            </div>
-          )
-        })}
-        <button
-          type='button'
-          onClick={() => {
-            mutators.push()
-          }}
-        >
-          Add Field
-        </button>
-      </Fragment>
-    )
-  })
+import { render } from '@testing-library/react'
+
+registerFormField('string', connect()(props => <div>{props.value}</div>))
+
+registerFormField('array', props => {
+  const { value, mutators, renderField } = props
+  return (
+    <Fragment>
+      {toArr(value).map((item, index) => {
+        return (
+          <div data-testid="item" key={index}>
+            {renderField(index)}
+          </div>
+        )
+      })}
+      <button
+        type="button"
+        onClick={() => {
+          mutators.push()
+        }}
+      >
+        Add Field
+      </button>
+    </Fragment>
+  )
 })
 
 test('destruct with initial values', async () => {
   const TestComponent = () => {
     return (
       <SchemaForm initialValues={{ aa: 123, bb: 321 }}>
-        <Field type='string' name='[aa,bb]' />
+        <Field type="string" name="[aa,bb]" />
       </SchemaForm>
     )
   }
@@ -49,9 +47,9 @@ test('destruct with initial values in array', async () => {
   const TestComponent = () => {
     return (
       <SchemaForm initialValues={{ array: [{ aa: 123, bb: 321 }] }}>
-        <Field type='array' name='array'>
-          <Field type='object'>
-            <Field type='string' name='[aa,bb]' />
+        <Field type="array" name="array">
+          <Field type="object">
+            <Field type="string" name="[aa,bb]" />
           </Field>
         </Field>
       </SchemaForm>