test(ui): jest 30 (#93303)

[jest 30 changelog](https://jestjs.io/blog/2025/06/04/jest-30) the
biggest change being the newer version of JSDOM which breaks a few
things for us.

Two major issues around window.location:

> Can no longer assign mocks directly to the location object
(location.assign(), location.replace()) now error when used.

**solution:** test helper like `testableWindowLocation.assign()` that we
mock out in tests

> Can no longer directly set the url in tests `window.location.search =
'?something=true'`

**solution** make jsdom available as a global and use
`jsdom.reconfigure({url: something})` which lets you set the url.
getsentry/jest-sentry-environment#26

Author: scttcper

babel.config.ts

@@ -2,8 +2,39 @@ import type {Config} from '@jest/types';
 import path from 'node:path';
 import process from 'node:process';
 import {execFileSync} from 'node:child_process';
+import type {TransformOptions} from '@babel/core';
 
-import babelConfig from './babel.config';
+const babelConfig: TransformOptions = {
+  presets: [
+    [
+      '@babel/preset-react',
+      {
+        runtime: 'automatic',
+        importSource: '@emotion/react',
+      },
+    ],
+    [
+      '@babel/preset-env',
+      {
+        useBuiltIns: 'usage',
+        corejs: '3.41',
+        targets: {
+          node: 'current',
+        },
+      },
+    ],
+    // TODO: Remove allowDeclareFields when we upgrade to Babel 8
+    ['@babel/preset-typescript', {allowDeclareFields: true, onlyRemoveTypeImports: true}],
+  ],
+  plugins: [
+    [
+      '@emotion/babel-plugin',
+      {
+        sourceMap: false,
+      },
+    ],
+  ],
+};
 
 const {
   CI,
@@ -18,14 +49,6 @@ const {
 
 const IS_MASTER_BRANCH = GITHUB_PR_REF === 'refs/heads/master';
 
-const BALANCE_RESULTS_PATH = path.resolve(
-  __dirname,
-  'tests',
-  'js',
-  'test-balancer',
-  'jest-balance.json'
-);
-
 const optionalTags: {
   balancer?: boolean;
   balancer_strategy?: string;
@@ -188,13 +211,22 @@ if (
 ) {
   let balance: null | Record<string, number> = null;
 
+  const BALANCE_RESULTS_PATH = path.resolve(
+    import.meta.dirname,
+    'tests',
+    'js',
+    'test-balancer',
+    'jest-balance.json'
+  );
   try {
     balance = require(BALANCE_RESULTS_PATH);
   } catch (err) {
     // Just ignore if balance results doesn't exist
   }
   // Taken from https://github.com/facebook/jest/issues/6270#issue-326653779
-  const envTestList: string[] = JEST_TESTS.map(file => file.replace(__dirname, ''));
+  const envTestList: string[] = JEST_TESTS.map(file =>
+    file.replace(import.meta.dirname, '')
+  );
   const nodeTotal = Number(CI_NODE_TOTAL);
   const nodeIndex = Number(CI_NODE_INDEX);
 
@@ -302,6 +334,7 @@ const config: Config.InitialOptions = {
   // To disable the sentry jest integration, set this to 'jsdom'
   testEnvironment: '@sentry/jest-environment/jsdom',
   testEnvironmentOptions: {
+    globalsCleanup: 'on',
     sentryConfig: {
       init: {
         // jest project under Sentry organization (dev productivity team)

jest.config.ts

@@ -59,7 +59,6 @@ const config: KnipConfig = {
   },
   ignoreDependencies: [
     'core-js',
-    '@babel/runtime', // used implicitly alongside @babel/plugin-transform-runtime
     'eslint-import-resolver-typescript', // used in eslint config
     'jest-environment-jsdom', // used as testEnvironment in jest config
     'swc-plugin-component-annotate', // used in rspack config, needs better knip plugin
@@ -69,7 +68,6 @@ const config: KnipConfig = {
     '@types/webpack-env', // needed to make require.context work
     '@types/stripe-v3', // needed for global `stripe` namespace typings
     '@types/gtag.js', // needed for global `gtag` namespace typings
-    '@babel/plugin-transform-runtime', // Still used in jest
     '@babel/preset-env', // Still used in jest
     '@babel/preset-react', // Still used in jest
     '@babel/preset-typescript', // Still used in jest

knip.config.ts

@@ -9,12 +9,10 @@
   },
   "dependencies": {
     "@amplitude/analytics-browser": "^1.5.3",
-    "@babel/core": "~7.26.10",
-    "@babel/plugin-transform-runtime": "~7.26.10",
-    "@babel/preset-env": "~7.26.9",
-    "@babel/preset-react": "^7.26.3",
-    "@babel/preset-typescript": "^7.26.0",
-    "@babel/runtime": "~7.26.10",
+    "@babel/core": "~7.28.0",
+    "@babel/preset-env": "~7.28.0",
+    "@babel/preset-react": "^7.27.1",
+    "@babel/preset-typescript": "^7.27.1",
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/sortable": "^8.0.0",
     "@dnd-kit/utilities": "^3.2.2",
@@ -86,7 +84,7 @@
     "@types/gtag.js": "^0.0.12",
     "@types/history": "^3.2.5",
     "@types/invariant": "^2.2.35",
-    "@types/jest": "29.5.14",
+    "@types/jest": "30.0.0",
     "@types/js-beautify": "^1.14.3",
     "@types/js-cookie": "3.0.6",
     "@types/lodash": "^4.14.182",
@@ -184,7 +182,7 @@
     "@emotion/eslint-plugin": "^11.12.0",
     "@eslint/js": "^9.22.0",
     "@sentry-internal/rrweb-types": "2.34.0",
-    "@sentry/jest-environment": "6.0.0",
+    "@sentry/jest-environment": "6.1.0",
     "@sentry/profiling-node": "9.35.0",
     "@styled/typescript-styled-plugin": "^1.0.1",
     "@tanstack/eslint-plugin-query": "^5.66.1",
@@ -194,13 +192,13 @@
     "@testing-library/user-event": "14.6.1",
     "@types/gettext-parser": "8.0.0",
     "@types/node": "^22.9.1",
-    "babel-jest": "29.7.0",
+    "babel-jest": "30.0.4",
     "eslint": "^9.22.0",
     "eslint-config-prettier": "^10.1.2",
     "eslint-import-resolver-typescript": "^3.8.3",
     "eslint-plugin-boundaries": "^5.0.1",
     "eslint-plugin-import": "2.32.0",
-    "eslint-plugin-jest": "^28.11.0",
+    "eslint-plugin-jest": "29.0.1",
     "eslint-plugin-jest-dom": "^5.5.0",
     "eslint-plugin-mdx": "^3.4.2",
     "eslint-plugin-no-relative-import-paths": "^1.6.1",
@@ -213,10 +211,10 @@
     "eslint-plugin-unicorn": "^57.0.0",
     "expect-type": "1.2.1",
     "globals": "^15.14.0",
-    "jest": "29.7.0",
+    "jest": "30.0.4",
     "jest-canvas-mock": "^2.5.2",
-    "jest-environment-jsdom": "29.7.0",
-    "jest-fail-on-console": "3.3.0",
+    "jest-environment-jsdom": "30.0.4",
+    "jest-fail-on-console": "3.3.1",
     "jest-junit": "16.0.0",
     "knip": "^5.60.0",
     "postcss-styled-syntax": "0.7.0",
@@ -244,11 +242,11 @@
   "APIMethod": "stub",
   "proxyURL": "http://localhost:8000",
   "scripts": {
-    "test": "node scripts/test.js --watch",
-    "test-ci": "node scripts/test.js --ci --maxWorkers=100% --colors",
-    "test-debug": "node --inspect-brk scripts/test.js --runInBand",
-    "test-precommit": "node scripts/test.js --bail --findRelatedTests -u",
-    "test-staged": "node scripts/test.js --findRelatedTests $(git diff --name-only --cached)",
+    "test": "NODE_OPTIONS='--experimental-transform-types' node scripts/test.js --watch",
+    "test-ci": "NODE_OPTIONS='--experimental-transform-types' node scripts/test.js --ci --maxWorkers=100% --colors",
+    "test-debug": "NODE_OPTIONS='--experimental-transform-types' node --inspect-brk scripts/test.js --runInBand",
+    "test-precommit": "NODE_OPTIONS='--experimental-transform-types' node scripts/test.js --bail --findRelatedTests -u",
+    "test-staged": "NODE_OPTIONS='--experimental-transform-types' node scripts/test.js --findRelatedTests $(git diff --name-only --cached)",
     "lint": "pnpm run lint:prettier && pnpm run lint:js && pnpm run lint:css",
     "lint:js": "eslint",
     "lint:css": "stylelint '**/*.[jt]sx'",
@@ -275,7 +273,7 @@
     "validate-api-examples": "pnpm run --dir api-docs openapi-examples-validator ../tests/apidocs/openapi-derefed.json --no-additional-properties",
     "mkcert-localhost": "mkcert -key-file config/localhost-key.pem -cert-file config/localhost.pem localhost 127.0.0.1 dev.getsentry.net *.dev.getsentry.net && mkcert -install",
     "https-proxy": "caddy run --config - <<< '{\"apps\":{\"http\":{\"servers\":{\"srv0\":{\"listen\":[\":8003\"],\"routes\":[{\"handle\":[{\"handler\":\"reverse_proxy\",\"upstreams\":[{\"dial\":\"localhost:8000\"}]}]}],\"tls_connection_policies\":[{\"certificate_selection\":{\"any_tag\":[\"cert0\"]}}]}}},\"tls\":{\"certificates\":{\"load_files\":[{\"certificate\":\"./config/localhost.pem\",\"key\":\"./config/localhost-key.pem\",\"tags\":[\"cert0\"]}]}}}}'",
-    "knip": "knip --treat-config-hints-as-errors",
+    "knip": "NODE_OPTIONS='--experimental-transform-types' knip --treat-config-hints-as-errors",
     "knip:prod": "pnpm run knip --production --exclude exports,types,dependencies,unresolved"
   },
   "browserslist": {