chore(deps): update jest monorepo to v29 (major) (#1149)

* chore(deps): update jest monorepo to v29

* Add jest-environment-jsdom

* Replace globals with transform

* Fix nanoid in ui and rtk-query-monitor

* Update serialize snapshots

* Fix nanoid in test-tab

* Fix nanoid and uuid in app

* Fix nanoid and uuid in extension

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Nathan Bierema <[email protected]>

Author: renovate[bot]

extension/jest.config.js

@@ -5,4 +5,5 @@ module.exports = {
   moduleNameMapper: {
     '\\.css$': '<rootDir>/test/__mocks__/styleMock.ts',
   },
+  resolver: '<rootDir>/jestResolver.js',
 };

extension/jestResolver.js

@@ -0,0 +1,15 @@
+module.exports = (path, options) => {
+  return options.defaultResolver(path, {
+    ...options,
+    packageFilter: (pkg) => {
+      if (pkg.name === 'nanoid') {
+        pkg.exports['.'].browser = pkg.exports['.'].require;
+      }
+      if (pkg.name === 'uuid' && pkg.version.startsWith('8.')) {
+        delete pkg.exports;
+        delete pkg.module;
+      }
+      return pkg;
+    },
+  });
+};

extension/package.json

@@ -80,7 +80,8 @@
     "file-loader": "^6.2.0",
     "fork-ts-checker-webpack-plugin": "^7.2.13",
     "immutable": "^4.1.0",
-    "jest": "^27.5.1",
+    "jest": "^29.2.2",
+    "jest-environment-jsdom": "^29.2.2",
     "path-browserify": "^1.0.1",
     "pug-html-loader": "^1.1.5",
     "raw-loader": "^4.0.2",
@@ -90,7 +91,7 @@
     "selenium-webdriver": "^4.5.0",
     "sinon-chrome": "^3.0.1",
     "style-loader": "^3.3.1",
-    "ts-jest": "^27.1.5",
+    "ts-jest": "^29.0.3",
     "typescript": "~4.8.4",
     "webpack": "^5.74.0",
     "webpack-cli": "^4.10.0"

package.json

@@ -11,7 +11,7 @@
     "eslint-plugin-jest": "^27.1.2",
     "eslint-plugin-react": "^7.31.10",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "jest": "^27.5.1",
+    "jest": "^29.2.2",
     "prettier": "2.7.1",
     "typescript": "~4.8.4",
     "nx": "^15.0.0",

packages/map2tree/jest.config.js

@@ -1,8 +1,6 @@
 module.exports = {
   preset: 'ts-jest',
-  globals: {
-    'ts-jest': {
-      tsconfig: 'tsconfig.test.json',
-    },
+  transform: {
+    '^.+\\.tsx?$': ['ts-jest', { tsconfig: 'tsconfig.test.json' }],
   },
 };

packages/map2tree/package.json

@@ -56,7 +56,7 @@
     "@rollup/plugin-commonjs": "^23.0.0",
     "@rollup/plugin-node-resolve": "^15.0.0",
     "@rollup/plugin-terser": "^0.1.0",
-    "@types/jest": "^27.5.2",
+    "@types/jest": "^29.2.0",
     "@types/lodash": "^4.14.186",
     "@types/node": "^18.11.7",
     "@typescript-eslint/eslint-plugin": "^5.40.1",
@@ -65,11 +65,11 @@
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-jest": "^27.1.2",
     "immutable": "^4.1.0",
-    "jest": "^27.5.1",
+    "jest": "^29.2.2",
     "rimraf": "^3.0.2",
     "rollup": "^3.2.3",
     "rollup-plugin-typescript2": "^0.34.1",
-    "ts-jest": "^27.1.5",
+    "ts-jest": "^29.0.3",
     "tslib": "^2.4.0",
     "typescript": "~4.8.4"
   }

packages/react-base16-styling/jest.config.js

@@ -1,9 +1,7 @@
 module.exports = {
   preset: 'ts-jest',
   testEnvironment: 'jsdom',
-  globals: {
-    'ts-jest': {
-      tsconfig: 'tsconfig.test.json',
-    },
+  transform: {
+    '^.+\\.tsx?$': ['ts-jest', { tsconfig: 'tsconfig.test.json' }],
   },
 };

packages/react-base16-styling/package.json

@@ -55,16 +55,17 @@
     "@babel/preset-env": "^7.19.4",
     "@babel/preset-typescript": "^7.18.6",
     "@types/color": "^3.0.3",
-    "@types/jest": "^27.5.2",
+    "@types/jest": "^29.2.0",
     "@types/lodash.curry": "^4.1.7",
     "@typescript-eslint/eslint-plugin": "^5.40.1",
     "@typescript-eslint/parser": "^5.40.1",
     "eslint": "^8.25.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-jest": "^27.1.2",
-    "jest": "^27.5.1",
+    "jest": "^29.2.2",
+    "jest-environment-jsdom": "^29.2.2",
     "rimraf": "^3.0.2",
-    "ts-jest": "^27.1.5",
+    "ts-jest": "^29.0.3",
     "typescript": "~4.8.4"
   }
 }

packages/react-dock/jest.config.js

@@ -1,9 +1,7 @@
 module.exports = {
   preset: 'ts-jest',
   testEnvironment: 'jsdom',
-  globals: {
-    'ts-jest': {
-      tsconfig: 'tsconfig.test.json',
-    },
+  transform: {
+    '^.+\\.tsx?$': ['ts-jest', { tsconfig: 'tsconfig.test.json' }],
   },
 };

packages/react-dock/package.json

@@ -53,7 +53,7 @@
     "@babel/preset-env": "^7.19.4",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.18.6",
-    "@types/jest": "^27.5.2",
+    "@types/jest": "^29.2.0",
     "@types/lodash.debounce": "^4.0.7",
     "@types/react": "^18.0.21",
     "@types/react-test-renderer": "^18.0.0",
@@ -64,11 +64,12 @@
     "eslint-plugin-jest": "^27.1.2",
     "eslint-plugin-react": "^7.31.10",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "jest": "^27.5.1",
+    "jest": "^29.2.2",
+    "jest-environment-jsdom": "^29.2.2",
     "react": "^18.2.0",
     "react-test-renderer": "^18.2.0",
     "rimraf": "^3.0.2",
-    "ts-jest": "^27.1.5",
+    "ts-jest": "^29.0.3",
     "typescript": "~4.8.4"
   },
   "peerDependencies": {