chore: Move test from enzyme to testing lib (#37)

Co-authored-by: vagusx <vagusxl@gmail.com>

Author: zombieJ

jest.config.js

@@ -1,4 +1,4 @@
 module.exports = {
-  setupFiles: ['./tests/setup.js'],
-  snapshotSerializers: [require.resolve('enzyme-to-json/serializer')],
+  setupFiles: ['<rootDir>/tests/setup.ts'],
+  setupFilesAfterEnv: ['<rootDir>/tests/setupFilesAfterEnv.ts'],
 };

package.json

@@ -50,18 +50,16 @@
     "rc-util": "^5.17.0"
   },
   "devDependencies": {
+    "@testing-library/jest-dom": "^5.16.4",
+    "@testing-library/react": "^13.0.0",
     "@types/classnames": "^2.2.9",
-    "@types/enzyme": "^3.10.11",
     "@types/jest": "^27.4.0",
     "@types/react": "^17.0.13",
     "@types/react-dom": "^16.9.0",
     "@umijs/fabric": "^2.0.8",
     "coveralls": "^3.0.6",
     "cross-env": "^7.0.2",
     "dumi": "^1.1.0",
-    "enzyme": "^3.0.0",
-    "enzyme-adapter-react-16": "^1.0.1",
-    "enzyme-to-json": "^3.4.0",
     "eslint": "^7.0.0",
     "father": "^2.13.4",
     "father-build": "^1.18.6",
@@ -71,9 +69,8 @@
     "np": "^7.0.0",
     "prettier": "^2.0.5",
     "pretty-quick": "^3.0.0",
-    "react": "^16.0.0",
-    "react-dom": "^16.0.0",
-    "react-test-renderer": "^16.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
     "typescript": "^4.0.5"
   },
   "peerDependencies": {

tests/__snapshots__/index.spec.tsx.snap

@@ -160,85 +160,6 @@ exports[`rc-segmented render segmented with CSSMotion 1`] = `
 </div>
 `;
 
-exports[`rc-segmented render segmented with title 1`] = `
-<div
-  class="rc-segmented"
->
-  <label
-    class="rc-segmented-item rc-segmented-item-selected"
-  >
-    <input
-      checked=""
-      class="rc-segmented-item-input"
-      type="radio"
-    />
-    <div
-      class="rc-segmented-item-label"
-      title="Web"
-    >
-      Web
-    </div>
-  </label>
-  <label
-    class="rc-segmented-item"
-  >
-    <input
-      class="rc-segmented-item-input"
-      type="radio"
-    />
-    <div
-      class="rc-segmented-item-label"
-      title="hello1"
-    >
-      hello1
-    </div>
-  </label>
-  <label
-    class="rc-segmented-item"
-  >
-    <input
-      class="rc-segmented-item-input"
-      type="radio"
-    />
-    <div
-      class="rc-segmented-item-label"
-    >
-      <div>
-        test1
-      </div>
-    </div>
-  </label>
-  <label
-    class="rc-segmented-item"
-  >
-    <input
-      class="rc-segmented-item-input"
-      type="radio"
-    />
-    <div
-      class="rc-segmented-item-label"
-      title="hello1.5"
-    >
-      hello1
-    </div>
-  </label>
-  <label
-    class="rc-segmented-item"
-  >
-    <input
-      class="rc-segmented-item-input"
-      type="radio"
-    />
-    <div
-      class="rc-segmented-item-label"
-      title=""
-    >
-      foo1
-    </div>
-  </label>
-</div>
-`;
-
 exports[`rc-segmented render segmented with options 1`] = `
 <div
   class="rc-segmented"
@@ -510,6 +431,85 @@ exports[`rc-segmented render segmented with options: disabled 1`] = `
 </div>
 `;
 
+exports[`rc-segmented render segmented with title 1`] = `
+<div
+  class="rc-segmented"
+>
+  <label
+    class="rc-segmented-item rc-segmented-item-selected"
+  >
+    <input
+      checked=""
+      class="rc-segmented-item-input"
+      type="radio"
+    />
+    <div
+      class="rc-segmented-item-label"
+      title="Web"
+    >
+      Web
+    </div>
+  </label>
+  <label
+    class="rc-segmented-item"
+  >
+    <input
+      class="rc-segmented-item-input"
+      type="radio"
+    />
+    <div
+      class="rc-segmented-item-label"
+      title="hello1"
+    >
+      hello1
+    </div>
+  </label>
+  <label
+    class="rc-segmented-item"
+  >
+    <input
+      class="rc-segmented-item-input"
+      type="radio"
+    />
+    <div
+      class="rc-segmented-item-label"
+    >
+      <div>
+        test1
+      </div>
+    </div>
+  </label>
+  <label
+    class="rc-segmented-item"
+  >
+    <input
+      class="rc-segmented-item-input"
+      type="radio"
+    />
+    <div
+      class="rc-segmented-item-label"
+      title="hello1.5"
+    >
+      hello1
+    </div>
+  </label>
+  <label
+    class="rc-segmented-item"
+  >
+    <input
+      class="rc-segmented-item-input"
+      type="radio"
+    />
+    <div
+      class="rc-segmented-item-label"
+      title=""
+    >
+      foo1
+    </div>
+  </label>
+</div>
+`;
+
 exports[`rc-segmented render segmented: disabled 1`] = `
 <div
   class="rc-segmented rc-segmented-disabled"