Add swc/jest tests. Upgrade packages

Author: trurl-master

README.md

@@ -75,7 +75,7 @@ vi.useFakeTimers({
 
 ## Testing framework support
 
-We aim to support all major testing frameworks that support jsdom. Internally, there are no dependencies on any of them, so it's likely that it will work out of the box. Currently tested and confirmed to work with [jest](https://jestjs.io/) and [vitest](https://vitest.dev/). If you encounter any problems with other testing frameworks, please open an issue.
+We aim to support all major testing frameworks that support jsdom. Internally, there are no dependencies on any of them, so it's likely that it will work out of the box. Currently tested and confirmed to work with [jest](https://jestjs.io/), [@swc/jest](https://swc.rs/docs/usage/jest) and [vitest](https://vitest.dev/) (with [some setup](#with-vitest)). If you encounter any problems with other testing frameworks, please open an issue.
 
 ## Mock viewport
 

examples/package-lock.json

@@ -20,9 +20,11 @@
   "scripts": {
     "start": "react-scripts start",
     "build": "react-scripts build",
-    "test": "react-scripts test --watchAll=false",
-    "eject": "react-scripts eject",
-    "vitest": "vitest --config ./vitest.config.ts run"
+    "test:jest": "react-scripts test --watchAll=false",
+    "test:swc": "jest --config ./swcjest.config.js",
+    "test:vi": "vitest --config ./vitest.config.ts run",
+    "test:all": "npm run test:jest && npm run test:vi && npm run test:swc",
+    "eject": "react-scripts eject"
   },
   "eslintConfig": {
     "extends": [

examples/package.json

@@ -0,0 +1,22 @@
+module.exports = {
+  testEnvironment: 'jsdom',
+  transform: {
+    '^.+\\.(t|j)sx?$': [
+      '@swc/jest',
+      // This is needed to make swc/jest work with React 18 in github actions
+      {
+        jsc: {
+          transform: {
+            react: {
+              runtime: 'automatic',
+            },
+          },
+        },
+      },
+    ],
+  },
+  setupFilesAfterEnv: ['<rootDir>/src/setupTests.ts'],
+  moduleNameMapper: {
+    '\\.(css|less)$': 'identity-obj-proxy',
+  },
+};

examples/swcjest.config.js

@@ -1,6 +1,6 @@
 {
   "name": "jsdom-testing-mocks",
-  "version": "1.10.0",
+  "version": "1.11.0",
   "author": "Ivan Galiatin",
   "license": "MIT",
   "description": "A set of tools for emulating browser behavior in jsdom environment",
@@ -37,11 +37,11 @@
   "scripts": {
     "watch": "tsup --watch",
     "build": "tsup",
-    "test": "jest",
-    "vitest": "vitest --config ./vitest.config.ts run",
-    "test:examples": "npm --prefix ./examples run test",
-    "vitest:examples": "npm --prefix ./examples run vitest",
-    "test:all": "npm run test && npm run vitest && npm run test:examples && npm run vitest:examples",
+    "test:jest": "jest",
+    "test:swc": "jest --config ./swcjest.config.ts",
+    "test:vi": "vitest --config ./vitest.config.ts run",
+    "test:examples": "npm --prefix ./examples run test:all",
+    "test:all": "npm run test:jest && npm run test:vi && npm run test:swc && npm run test:examples",
     "lint": "eslint src/ --ext .ts,.tsx",
     "prepare": "tsup"
   },
@@ -76,8 +76,10 @@
     "css-mediaquery": "^0.1.2"
   },
   "devDependencies": {
+    "@swc/core": "^1.3.82",
+    "@swc/jest": "^0.2.29",
     "@types/css-mediaquery": "^0.1.1",
-    "@types/jest": "^28.1.4",
+    "@types/jest": "^28.1.8",
     "@types/testing-library__jest-dom": "^5.14.5",
     "@typescript-eslint/eslint-plugin": "^5.30.3",
     "@typescript-eslint/parser": "^5.30.3",
@@ -86,11 +88,11 @@
     "eslint-plugin-jsx-a11y": "^6.6.0",
     "eslint-plugin-react": "^7.30.1",
     "husky": "4.2.3",
-    "jest": "^28.1.2",
-    "jest-environment-jsdom": "^28.1.2",
+    "jest": "^28.1.3",
+    "jest-environment-jsdom": "^28.1.3",
     "jest-fail-on-console": "^3.1.1",
     "prettier": "^2.7.1",
-    "ts-jest": "^28.0.5",
+    "ts-jest": "^28.0.8",
     "ts-node": "^10.8.2",
     "tslib": "^2.4.0",
     "tsup": "^6.1.3",

package-lock.json

@@ -0,0 +1,8 @@
+module.exports = {
+  testEnvironment: 'jsdom',
+  transform: {
+    '^.+\\.(t|j)sx?$': '@swc/jest',
+  },
+  setupFilesAfterEnv: ['<rootDir>/jest-setup.ts'],
+  testPathIgnorePatterns: ['/node_modules/', '/examples/'],
+};