Avoid deep imports and migrate tests (#202)

* test: migrate tests to testing library

* test: assert character render output

* fix: trim public exports

Author: QDyanbing

jest.config.js

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

package.json

@@ -40,31 +40,28 @@
     "tsc": "bunx tsc --noEmit"
   },
   "dependencies": {
-    "@rc-component/util": "^1.3.0",
+    "@rc-component/util": "^1.11.1",
     "clsx": "^2.1.1"
   },
   "devDependencies": {
-    "@rc-component/father-plugin": "^2.1.3",
+    "@rc-component/father-plugin": "^2.2.0",
     "@rc-component/np": "^1.0.0",
     "@rc-component/tooltip": "^1.2.1",
+    "@testing-library/react": "^16.0.1",
     "@types/jest": "^29.5.1",
     "@types/node": "^24.5.2",
-    "@types/react": "^17.0.15",
-    "@types/react-dom": "^17.0.9",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
     "@umijs/fabric": "^3.0.0",
-    "cheerio": "1.0.0-rc.12",
     "cross-env": "^7.0.0",
     "dumi": "^2.1.2",
-    "enzyme": "^3.1.1",
-    "enzyme-adapter-react-16": "^1.15.6",
-    "enzyme-to-json": "^3.1.2",
     "eslint": "^7.1.0",
     "father": "^4.0.0",
     "gh-pages": "^3.1.0",
     "less": "^3.0.0",
     "rc-test": "^7.0.15",
-    "react": "^16.0.0",
-    "react-dom": "^16.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
     "typescript": "^5.0.4"
   },
   "peerDependencies": {

src/Rate.tsx

@@ -1,6 +1,4 @@
-import useControlledState from '@rc-component/util/lib/hooks/useControlledState';
-import KeyCode from '@rc-component/util/lib/KeyCode';
-import pickAttrs from '@rc-component/util/lib/pickAttrs';
+import { KeyCode, pickAttrs, useControlledState } from '@rc-component/util';
 import { clsx } from 'clsx';
 import React from 'react';
 import type { StarProps } from './Star';

src/Star.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
-import KeyCode from '@rc-component/util/lib/KeyCode';
+import { KeyCode } from '@rc-component/util';
 import { clsx } from 'clsx';
+import React from 'react';
 
 export interface StarProps {
   value?: number;

tests/props.spec.js

@@ -1,16 +1,18 @@
+import { render } from '@testing-library/react';
 import React from 'react';
-import { mount } from 'enzyme';
 import Rate from '../src';
 
 describe('props', () => {
   it('characterRender', () => {
-    const wrapper = mount(
+    const { container } = render(
       <Rate characterRender={(_, { index }) => <span className="render-holder">{index}</span>} />,
     );
 
-    wrapper.find('li').forEach((li, index) => {
-      expect(li.find('span.render-holder').length).toEqual(1);
-      expect(li.text()).toEqual(index);
+    const holders = container.querySelectorAll('span.render-holder');
+    expect(holders).toHaveLength(5);
+
+    holders.forEach((span, index) => {
+      expect(span.textContent).toEqual(String(index));
     });
   });
 });

tests/setup.js

@@ -1,6 +1 @@
-global.requestAnimationFrame = cb => setTimeout(cb, 0);
-
-const Enzyme = require('enzyme');
-const Adapter = require('enzyme-adapter-react-16');
-
-Enzyme.configure({ adapter: new Adapter() });
+global.requestAnimationFrame = (cb) => setTimeout(cb, 0);