build: upgrade jest to 30

.nx/version-plans/version-plan-1787580631227.md

@@ -0,0 +1,12 @@
+---
+eslint-plugin-gamut: minor
+gamut-illustrations: minor
+gamut-patterns: minor
+gamut-styles: minor
+gamut-icons: minor
+gamut-tests: minor
+variance: minor
+gamut: minor
+---
+
+Bumps Jest from 29.6.4 → 30.x across the gamut monorepo, refreshes the testing-library family to match, and removes some dead jest-related deps.

package.json

@@ -43,13 +43,14 @@
     "@svgr/cli": "5.5.0",
     "@swc-node/register": "^1.11.1",
     "@swc/core": "^1.15.18",
-    "@testing-library/dom": "^10.0.0",
-    "@testing-library/jest-dom": "^5.16.1",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.0.0",
     "@testing-library/react-hooks": "^7.0.2",
     "@testing-library/user-event": "^14.5.2",
     "@types/classnames": "2.2.10",
     "@types/invariant": "2.2.29",
+    "@types/jest": "^30.0.0",
     "@types/konami-code-js": "^0.8.0",
     "@types/lodash": "4.17.23",
     "@types/react": "^18.2.0",
@@ -58,7 +59,7 @@
     "@types/stylis": "^4.2.0",
     "@typescript-eslint/eslint-plugin": "^8.57.0",
     "@typescript-eslint/parser": "^8.57.0",
-    "babel-jest": "29.6.4",
+    "babel-jest": "30.4.1",
     "babel-plugin-macros": "^3.0.1",
     "commander": "^14.0.3",
     "component-test-setup": "^0.3.1",
@@ -71,12 +72,10 @@
     "http-server": "^14.1.1",
     "husky": "^9.1.7",
     "identity-obj-proxy": "3.0.0",
-    "jest": "29.6.4",
-    "jest-environment-jsdom": "29.6.4",
-    "jest-environment-jsdom-global": "4.0.0",
+    "jest": "30.4.2",
+    "jest-environment-jsdom": "30.4.1",
     "jest-junit": "^16.0.0",
     "lint-staged": "^16.4.0",
-    "mutationobserver-shim": "^0.3.3",
     "nx": "22.6.0",
     "nx-cloud": "19.1.0",
     "onchange": "^7.0.2",
@@ -89,7 +88,7 @@
     "style-loader": "^4.0.0",
     "svgo": "^1.3.2",
     "syncpack": "^10.9.3",
-    "ts-jest": "29.1.1",
+    "ts-jest": "^29.4.12",
     "ts-node": "10.9.1",
     "tslib": "2.4.0",
     "typescript": "5.9.3"

packages/eslint-plugin-gamut/jest.config.ts

@@ -1,3 +1,4 @@
+/** @jest-config-loader ts-node */
 /* eslint-disable */
 import base from '../../jest.config.base';
 

packages/gamut-icons/jest.config.ts

@@ -1,3 +1,4 @@
+/** @jest-config-loader ts-node */
 /* eslint-disable */
 import base from '../../jest.config.base';
 

packages/gamut-illustrations/jest.config.ts

@@ -1,3 +1,4 @@
+/** @jest-config-loader ts-node */
 /* eslint-disable */
 import base from '../../jest.config.base';
 

packages/gamut-patterns/jest.config.ts

@@ -1,3 +1,4 @@
+/** @jest-config-loader ts-node */
 /* eslint-disable */
 import base from '../../jest.config.base';
 

packages/gamut-styles/jest.config.ts

@@ -1,3 +1,4 @@
+/** @jest-config-loader ts-node */
 /* eslint-disable */
 import path from 'path';
 import base from '../../jest.config.base';

packages/gamut-styles/src/themes/__tests__/__snapshots__/theme.test.ts.snap

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`themes admin - theme shape 1`] = `
 {

packages/gamut-tests/jest.config.ts

@@ -1,3 +1,4 @@
+/** @jest-config-loader ts-node */
 /* eslint-disable */
 import base from '../../jest.config.base';
 

packages/gamut/__tests__/__snapshots__/gamut.test.ts.snap

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`Gamut Exported Keys 1`] = `
 [

packages/gamut/jest.config.ts

@@ -1,3 +1,4 @@
+/** @jest-config-loader ts-node */
 /* eslint-disable */
 import base from '../../jest.config.base';
 

packages/gamut/src/ConnectedForm/__tests__/useDebouncedField.test.tsx

@@ -139,7 +139,7 @@ describe('ConnectedForm - useDebouncedField', () => {
     input.blur();
     // Now it has finally been called to update the data
     expect(mockedSetValue).toHaveBeenCalledTimes(1);
-    expect(mockedSetValue).lastCalledWith(mockInputKey, 'tifa', {
+    expect(mockedSetValue).toHaveBeenLastCalledWith(mockInputKey, 'tifa', {
       shouldDirty: true,
     });
   });
@@ -162,7 +162,7 @@ describe('ConnectedForm - useDebouncedField', () => {
 
     input.blur();
     expect(mockedSetValue).toHaveBeenCalledTimes(1);
-    expect(mockedSetValue).lastCalledWith(mockInputKey, 'tifa', {
+    expect(mockedSetValue).toHaveBeenLastCalledWith(mockInputKey, 'tifa', {
       shouldDirty: true,
     });
   });
@@ -194,12 +194,14 @@ describe('ConnectedForm - useDebouncedField', () => {
     });
     // Form has been dirtied by changing input
     expect(mockedSetValue).toHaveBeenCalledTimes(1);
-    expect(mockedSetValue).lastCalledWith('', '', { shouldDirty: true });
+    expect(mockedSetValue).toHaveBeenLastCalledWith('', '', {
+      shouldDirty: true,
+    });
 
     input.blur();
     // Now it has finally been called to update the data
     expect(mockedSetValue).toHaveBeenCalledTimes(2);
-    expect(mockedSetValue).lastCalledWith(mockInputKey, 'tifa', {
+    expect(mockedSetValue).toHaveBeenLastCalledWith(mockInputKey, 'tifa', {
       shouldDirty: false,
     });
 
@@ -213,7 +215,9 @@ describe('ConnectedForm - useDebouncedField', () => {
     });
     // Form has been dirtied by changing input
     expect(mockedSetValue).toHaveBeenCalledTimes(3);
-    expect(mockedSetValue).lastCalledWith('', '', { shouldDirty: true });
+    expect(mockedSetValue).toHaveBeenLastCalledWith('', '', {
+      shouldDirty: true,
+    });
   });
 
   it('can handle non-string values (aka a checkbox)', async () => {

packages/gamut/src/Disclosure/__tests__/Disclosure.test.tsx

@@ -57,6 +57,6 @@ describe('Disclosure', () => {
     await act(async () => {
       await userEvent.click(CTAButton);
     });
-    expect(ctaCallback).toBeCalled();
+    expect(ctaCallback).toHaveBeenCalled();
   });
 });

packages/gamut/src/Form/__tests__/__snapshots__/utils.test.tsx.snap

@@ -1,64 +1,40 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`parseSelectOptions creates an option list 1`] = `
 [
-  {
-    "$$typeof": Symbol(react.transitional.element),
-    "_owner": null,
-    "_store": {},
-    "key": "test-val",
-    "props": {
-      "children": "Value",
-      "data-testid": "test-val",
-      "label": "Value",
-      "value": "val",
-    },
-    "type": "option",
-  },
-  {
-    "$$typeof": Symbol(react.transitional.element),
-    "_owner": null,
-    "_store": {},
-    "key": "test-val2",
-    "props": {
-      "children": "Value 2",
-      "data-testid": "test-val2",
-      "label": "Value 2",
-      "value": "val2",
-    },
-    "type": "option",
-  },
+  <option
+    data-testid="test-val"
+    label="Value"
+    value="val"
+  >
+    Value
+  </option>,
+  <option
+    data-testid="test-val2"
+    label="Value 2"
+    value="val2"
+  >
+    Value 2
+  </option>,
 ]
 `;
 
 exports[`parseSelectOptions creates an option list 2`] = `
 [
-  {
-    "$$typeof": Symbol(react.transitional.element),
-    "_owner": null,
-    "_store": {},
-    "key": "test-val",
-    "props": {
-      "children": "val",
-      "data-testid": "test-val",
-      "label": "val",
-      "value": "val",
-    },
-    "type": "option",
-  },
-  {
-    "$$typeof": Symbol(react.transitional.element),
-    "_owner": null,
-    "_store": {},
-    "key": "test-val2",
-    "props": {
-      "children": "val2",
-      "data-testid": "test-val2",
-      "label": "val2",
-      "value": "val2",
-    },
-    "type": "option",
-  },
+  <option
+    data-testid="test-val"
+    label="val"
+    value="val"
+  >
+    val
+  </option>,
+  <option
+    data-testid="test-val2"
+    label="val2"
+    value="val2"
+  >
+    val2
+  </option>,
 ]
 `;
 

packages/gamut/src/GridForm/__tests__/GridForm.test.tsx

@@ -473,7 +473,7 @@ describe('GridForm', () => {
 
       expect(cancelButton);
       expect(buttons.length).toEqual(2);
-      expect(cancelOnClick).toBeCalled();
+      expect(cancelOnClick).toHaveBeenCalled();
     });
 
     it('renders only a submit when "cancel" props are not provided', () => {

packages/gamut/src/Modals/__tests__/Modal.test.tsx

@@ -369,6 +369,15 @@ describe('Modal', () => {
               children: 'Cancel',
             },
           },
+          {
+            title: 'Multi view',
+            children: <>View 2</>,
+            primaryCta: { actionType: 'confirm', children: 'Done' },
+            secondaryCta: {
+              actionType: 'cancel',
+              children: 'Cancel',
+            },
+          },
         ],
       });
 

packages/macros/__tests__/__snapshots__/macros.test.js.snap

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`title.macro should transform a js file 1`] = `
 "export const meta = {

packages/macros/jest.config.ts

@@ -1,3 +1,4 @@
+/** @jest-config-loader ts-node */
 /* eslint-disable */
 import base from '../../jest.config.base';
 

packages/variance/integration/__tests__/__snapshots__/variance.test.ts.snap

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`style props parsers media query styles Equivalent Syntax SM and MD -  [ <2 empty items>, 16, 0, [length]: 4 ] === { sm: 16, md: 0 } 1`] = `
 {

packages/variance/jest.config.ts

@@ -1,3 +1,4 @@
+/** @jest-config-loader ts-node */
 /* eslint-disable */
 import base from '../../jest.config.base';
 

script/jest/base-setup.js

@@ -5,5 +5,3 @@ Date.now = jest.fn(() => new Date(2011, 6, 1).valueOf());
 function noop() {}
 
 Object.defineProperty(window, 'scrollTo', { value: noop, writable: true });
-
-require('mutationobserver-shim');