chore: use testing-library dom events

Author: afc163

package.json

@@ -49,40 +49,41 @@
   },
   "devDependencies": {
     "@ant-design/icons": "^5.0.1",
+    "@babel/eslint-parser": "^7.29.7",
+    "@babel/eslint-plugin": "^7.29.7",
+    "@eslint/eslintrc": "^3.3.5",
+    "@eslint/js": "^9.39.4",
     "@rc-component/dialog": "^1.7.0",
     "@rc-component/father-plugin": "^2.2.0",
-    "prettier": "^3.9.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",
     "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",
     "glob": "^13.0.6",
+    "husky": "^9.1.7",
     "less": "^4.6.7",
+    "lint-staged": "^17.0.8",
+    "prettier": "^3.9.0",
     "rc-test": "^7.1.3",
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
-    "typescript": "^6.0.3",
-    "husky": "^9.1.7",
-    "lint-staged": "^17.0.8",
-    "@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/basic.test.tsx

@@ -1,4 +1,5 @@
-import { act, fireEvent, render } from '@testing-library/react';
+import { fireEvent } from '@testing-library/dom';
+import { act, render } from '@testing-library/react';
 import React from 'react';
 import Image, { CoverConfig } from '../src';
 

tests/controlled.test.tsx

@@ -1,4 +1,5 @@
-import { act, fireEvent, render } from '@testing-library/react';
+import { fireEvent } from '@testing-library/dom';
+import { act, render } from '@testing-library/react';
 import React from 'react';
 import Image from '../src';
 

tests/crossOrigin.test.tsx

@@ -1,5 +1,6 @@
+import { fireEvent } from '@testing-library/dom';
 import React from 'react';
-import { render, fireEvent, act } from '@testing-library/react';
+import { render, act } from '@testing-library/react';
 import Image from '../src';
 
 describe('CrossOrigin', () => {

tests/fallback.test.tsx

@@ -1,4 +1,5 @@
-import { act, fireEvent, render } from '@testing-library/react';
+import { fireEvent } from '@testing-library/dom';
+import { act, render } from '@testing-library/react';
 import React from 'react';
 import Image from '../src';
 

tests/placeholder.test.tsx

@@ -1,5 +1,6 @@
+import { fireEvent } from '@testing-library/dom';
 import { spyElementPrototypes } from '@rc-component/util';
-import { act, fireEvent, render } from '@testing-library/react';
+import { act, render } from '@testing-library/react';
 import React from 'react';
 import Image from '../src';
 

tests/preview.test.tsx

@@ -1,3 +1,4 @@
+import { createEvent, fireEvent } from '@testing-library/dom';
 import CloseOutlined from '@ant-design/icons/CloseOutlined';
 import LeftOutlined from '@ant-design/icons/LeftOutlined';
 import RightOutlined from '@ant-design/icons/RightOutlined';
@@ -7,7 +8,7 @@ import ZoomInOutlined from '@ant-design/icons/ZoomInOutlined';
 import ZoomOutOutlined from '@ant-design/icons/ZoomOutOutlined';
 import Dialog from '@rc-component/dialog';
 import { spyElementPrototypes } from '@rc-component/util';
-import { act, createEvent, fireEvent, render } from '@testing-library/react';
+import { act, render } from '@testing-library/react';
 import React from 'react';
 
 jest.mock('../src/Preview', () => {

tests/previewGroup.test.tsx

@@ -1,5 +1,6 @@
+import { fireEvent } from '@testing-library/dom';
 import { KeyCode } from '@rc-component/util';
-import { act, fireEvent, render } from '@testing-library/react';
+import { act, render } from '@testing-library/react';
 import React from 'react';
 import Image from '../src';
 

tests/previewTouch.test.tsx

@@ -1,5 +1,6 @@
+import { fireEvent } from '@testing-library/dom';
 import { spyElementPrototypes } from '@rc-component/util';
-import { act, fireEvent, render } from '@testing-library/react';
+import { act, render } from '@testing-library/react';
 import React from 'react';
 import Image from '../src';