chore: use testing-library dom events

Author: afc163

package.json

@@ -52,18 +52,30 @@
     "clsx": "^2.1.1"
   },
   "devDependencies": {
+    "@babel/eslint-parser": "^7.29.7",
+    "@babel/eslint-plugin": "^7.29.7",
+    "@eslint/eslintrc": "^3.3.5",
+    "@eslint/js": "^9.39.4",
     "@rc-component/father-plugin": "^2.2.0",
     "@rc-component/np": "^1.0.4",
+    "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@types/jest": "^30.0.0",
     "@types/node": "^26.0.1",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
+    "@typescript-eslint/eslint-plugin": "^8.62.0",
+    "@typescript-eslint/parser": "^8.62.0",
     "@umijs/fabric": "^4.0.1",
     "cross-env": "^10.1.0",
     "dumi": "^2.4.35",
     "eslint": "^9.39.4",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-jest": "^29.15.3",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "eslint-plugin-unicorn": "^65.0.1",
     "father": "^4.6.23",
     "gh-pages": "^6.3.0",
     "husky": "^9.1.7",
@@ -72,18 +84,7 @@
     "rc-test": "^7.1.3",
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
-    "typescript": "^6.0.3",
-    "@eslint/eslintrc": "^3.3.5",
-    "@eslint/js": "^9.39.4",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^7.1.1",
-    "eslint-config-prettier": "^10.1.8",
-    "@babel/eslint-parser": "^7.29.7",
-    "@babel/eslint-plugin": "^7.29.7",
-    "@typescript-eslint/eslint-plugin": "^8.62.0",
-    "@typescript-eslint/parser": "^8.62.0",
-    "eslint-plugin-jest": "^29.15.3",
-    "eslint-plugin-unicorn": "^65.0.1"
+    "typescript": "^6.0.3"
   },
   "peerDependencies": {
     "react": ">=16.9.0",

tests/CSSMotion.spec.tsx

@@ -1,8 +1,9 @@
+import { fireEvent } from '@testing-library/dom';
 /* eslint-disable
   react/no-render-return-value, max-classes-per-file,
   react/prefer-stateless-function, react/no-multi-comp
 */
-import { act, fireEvent, render } from '@testing-library/react';
+import { act, render } from '@testing-library/react';
 import { clsx } from 'clsx';
 import React from 'react';
 import ReactDOM from 'react-dom';

tests/CSSMotionList.spec.tsx

@@ -1,6 +1,7 @@
+import { fireEvent } from '@testing-library/dom';
 /* eslint-disable react/no-render-return-value, react/prefer-stateless-function,
 react/no-multi-comp, @typescript-eslint/no-implied-eval */
-import { fireEvent, render } from '@testing-library/react';
+import { render } from '@testing-library/react';
 import { clsx } from 'clsx';
 import React from 'react';
 import { act } from 'react-dom/test-utils';

tests/StrictMode.spec.tsx

@@ -1,8 +1,9 @@
+import { fireEvent } from '@testing-library/dom';
 /* eslint-disable
   react/no-render-return-value, max-classes-per-file,
   react/prefer-stateless-function, react/no-multi-comp
 */
-import { act, fireEvent, render } from '@testing-library/react';
+import { act, render } from '@testing-library/react';
 import { clsx } from 'clsx';
 import React from 'react';
 import { genCSSMotion, type CSSMotionRef } from '../src/CSSMotion';