fix: upgrade Jest to v30 and unblock jsdom test suites (#1335)

Co-authored-by: acethecreator <devaze007@gmail.com>

Author: AceTheCreator

.eslintrc.json

@@ -53,6 +53,7 @@
     "library/e2e/plugins/index.js",
     "library/loaders/remove-hashbag-loader.js",
     "library/jest.config.js",
+    "library/jest.setup.js",
     "library/postcss.config.js",
     "library/webpack.config.js",
     "library/tailwind.config.js",

library/jest.config.js

@@ -1,18 +1,21 @@
 module.exports = {
   preset: 'ts-jest',
   testEnvironment: 'node',
+  // Jest >=28 resolves packages under the `browser` export condition in the
+  // jsdom environment, which hands us ESM-only browser builds (jsonpath-plus,
+  // via @stoplight/spectral-core). Keep the Node conditions everywhere so the
+  // CJS builds are used, as they were before the Jest 26 -> 30 upgrade.
+  testEnvironmentOptions: {
+    customExportConditions: ['node', 'node-addons'],
+  },
   transform: {
-    '^.+\\.tsx?$': 'ts-jest',
+    '^.+\\.tsx?$': ['ts-jest', { tsconfig: 'tsconfig.json' }],
   },
 
+  setupFiles: ['<rootDir>/../jest.setup.js'],
+
   rootDir: 'src',
   testMatch: ['**/__tests__/**/*.ts?(x)', '**/?(*.)+(spec|test).ts?(x)'],
-
-  globals: {
-    'ts-jest': {
-      tsconfig: 'tsconfig.json',
-    },
-  },
   moduleNameMapper: {
     '^nimma/legacy$':
       '<rootDir>/../../node_modules/nimma/dist/legacy/cjs/index.js',

library/jest.setup.js

@@ -0,0 +1,12 @@
+const { TextDecoder, TextEncoder } = require('util');
+
+// jsdom does not implement the Encoding API, so suites using the
+// `@jest-environment jsdom` docblock run without TextDecoder/TextEncoder.
+// protobufjs v8, pulled in by @asyncapi/protobuf-schema-parser, constructs a
+// TextDecoder at module scope, which makes those suites fail to load.
+if (typeof global.TextDecoder === 'undefined') {
+  global.TextDecoder = TextDecoder;
+}
+if (typeof global.TextEncoder === 'undefined') {
+  global.TextEncoder = TextEncoder;
+}

library/package.json

@@ -69,9 +69,9 @@
   },
   "dependencies": {
     "@asyncapi/avro-schema-parser": "^3.0.24",
-    "@asyncapi/openapi-schema-parser": "^3.0.24",
-    "@asyncapi/parser": "^3.6.0",
-    "@asyncapi/protobuf-schema-parser": "^3.6.0",
+    "@asyncapi/openapi-schema-parser": "^3.1.0",
+    "@asyncapi/parser": "^3.6.2",
+    "@asyncapi/protobuf-schema-parser": "^3.8.2",
     "highlight.js": "^10.7.2",
     "isomorphic-dompurify": "^2.14.0",
     "marked": "^4.0.14",
@@ -90,7 +90,7 @@
     "@testing-library/react": "^15.0.4",
     "@testing-library/user-event": "^12.8.3",
     "@types/dompurify": "^3.0.5",
-    "@types/jest": "^26.0.23",
+    "@types/jest": "^30.0.0",
     "@types/marked": "^4.0.1",
     "@types/node": "^18.0.0",
     "@types/react": "^18.2.79",
@@ -100,7 +100,8 @@
     "cross-env": "^7.0.3",
     "cssnano": "^8.0.2",
     "cypress": "^15.19.0",
-    "jest": "^26.0.0",
+    "jest": "^30.4.2",
+    "jest-environment-jsdom": "^30.4.1",
     "node-polyfill-webpack-plugin": "^2.0.1",
     "postcss": "^8.5.10",
     "postcss-cli": "^8.3.1",
@@ -109,7 +110,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "tailwindcss": "^2.1.1",
-    "ts-jest": "^26.4.1",
+    "ts-jest": "^29.4.12",
     "ts-loader": "9.4.4",
     "webpack": "5.88.2",
     "webpack-bundle-analyzer": "4.9.0",

library/src/helpers/__tests__/__snapshots__/schema.test.ts.snap

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`SchemaHelpers .applicatorSchemaName should not render title because title is null 1`] = `"first case:"`;