fixed tests and updated snapshots

ricksmith130 · ricksmith130 · commit 383104fff0d5 · 2025-09-22T11:28:38.000+01:00
diff --git a/jest.config.js b/jest.config.js
@@ -1,25 +1,30 @@
-const { pathsToModuleNameMapper } = require('ts-jest');
-const { compilerOptions } = require('./tsconfig.json');
+import { pathsToModuleNameMapper } from 'ts-jest';
+import { readFileSync } from 'fs';
+
+const tsconfig = JSON.parse(readFileSync('./tsconfig.json', 'utf8'));
 
 const jestConfig = {
+  preset: 'ts-jest/presets/default-esm',
   testEnvironment: 'jsdom',
   rootDir: './',
   setupFilesAfterEnv: ['<rootDir>/src/setupTests.ts'],
   collectCoverageFrom: ['<rootDir>/src/**/*.{ts,tsx}'],
-  moduleNameMapper: pathsToModuleNameMapper(compilerOptions.paths, {
+  moduleNameMapper: pathsToModuleNameMapper(tsconfig.compilerOptions.paths, {
     prefix: '<rootDir>',
   }),
   transform: {
     '^.+\\.(t|j)sx?$': [
       'ts-jest',
       {
+        useESM: true,
         babelConfig: {
           plugins: ['@babel/plugin-transform-modules-commonjs'],
         },
       },
     ],
   },
   transformIgnorePatterns: ['node_modules/(?!nhsuk-frontend/packages)'],
+  extensionsToTreatAsEsm: ['.ts', '.tsx'],
 };
 
-module.exports = jestConfig;
+export default jestConfig;
diff --git a/package.json b/package.json
@@ -39,6 +39,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.24.1",
+    "@babel/plugin-transform-modules-commonjs": "^7.27.1",
     "@eslint/js": "^9.36.0",
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-node-resolve": "^15.2.3",
@@ -47,6 +48,7 @@
     "@storybook/addon-docs": "9.1.3",
     "@storybook/addon-links": "^9.1.3",
     "@storybook/react-vite": "^9.1.3",
+    "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^16.3.0",
     "@types/eslint-plugin-jsx-a11y": "^6",
     "@types/jest": "^30.0.0",
@@ -65,6 +67,8 @@
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-storybook": "9.1.3",
     "globals": "^16.4.0",
+    "jest": "^30.1.3",
+    "jest-environment-jsdom": "^30.1.2",
     "less": "^4.4.1",
     "nhsuk-frontend": "^9.0.1",
     "react": "^19.1.1",
@@ -79,6 +83,7 @@
     "sass-embedded": "^1.92.1",
     "storybook": "^9.1.3",
     "stylus": "^0.64.0",
+    "ts-jest": "^29.4.4",
     "tslib": "^2.8.1",
     "typescript": "5.3.3",
     "vite": "^7.1.3",
diff --git a/src/components/content-presentation/details/__tests__/__snapshots__/Details.test.tsx.snap b/src/components/content-presentation/details/__tests__/__snapshots__/Details.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`Details Details.ExpanderGroup matches snapshot: Details.ExpanderGroup 1`] = `
 <div>
diff --git a/src/components/content-presentation/do-and-dont-list/__tests__/__snapshots__/DoAndDontList.test.tsx.snap b/src/components/content-presentation/do-and-dont-list/__tests__/__snapshots__/DoAndDontList.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`DoAndDontList DoDontList.Item matches snapshot: DoDontList.Item 1`] = `
 <div>
diff --git a/src/components/content-presentation/hero/__tests__/__snapshots__/Hero.test.tsx.snap b/src/components/content-presentation/hero/__tests__/__snapshots__/Hero.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`Hero Hero.Heading matches snapshot: Hero.Heading 1`] = `
 <div>
diff --git a/src/components/content-presentation/icons/__tests__/__snapshots__/Icons.test.tsx.snap b/src/components/content-presentation/icons/__tests__/__snapshots__/Icons.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`Icons all icons match snapshots: ArrowLeft 1`] = `
 <div>
diff --git a/src/components/content-presentation/images/__tests__/__snapshots__/Images.test.tsx.snap b/src/components/content-presentation/images/__tests__/__snapshots__/Images.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`Images matches snapshot: Images 1`] = `
 <div>
diff --git a/src/components/content-presentation/inset-text/__tests__/__snapshots__/InsetText.test.tsx.snap b/src/components/content-presentation/inset-text/__tests__/__snapshots__/InsetText.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`InsetText matches snapshot: InsetText 1`] = `
 <div>
diff --git a/src/components/content-presentation/summary-list/__tests__/__snapshots__/SummaryList.test.tsx.snap b/src/components/content-presentation/summary-list/__tests__/__snapshots__/SummaryList.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`SummaryList SummaryList.Actions matches snapshot 1`] = `
 <div>
diff --git a/src/components/content-presentation/table/components/__tests__/__snapshots__/TableCaption.test.tsx.snap b/src/components/content-presentation/table/components/__tests__/__snapshots__/TableCaption.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`TableCaption matches snapshot 1`] = `
 <div>
diff --git a/src/components/content-presentation/table/components/__tests__/__snapshots__/TableContainer.test.tsx.snap b/src/components/content-presentation/table/components/__tests__/__snapshots__/TableContainer.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`TableContainer matches snapshot 1`] = `
 <div>
diff --git a/src/components/content-presentation/table/components/__tests__/__snapshots__/TablePanel.test.tsx.snap b/src/components/content-presentation/table/components/__tests__/__snapshots__/TablePanel.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`Table.Panel matches snapshot 1`] = `
 <div>
diff --git a/src/components/content-presentation/tabs/__tests__/__snapshots__/Tabs.test.tsx.snap b/src/components/content-presentation/tabs/__tests__/__snapshots__/Tabs.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`The tabs component Matches the snapshot 1`] = `
 <div>
diff --git a/src/components/content-presentation/tag/__tests__/__snapshots__/Tag.test.tsx.snap b/src/components/content-presentation/tag/__tests__/__snapshots__/Tag.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`Tag matches snapshot 1`] = `
 <div>
diff --git a/src/components/content-presentation/warning-callout/__tests__/__snapshots__/WarningCallout.test.tsx.snap b/src/components/content-presentation/warning-callout/__tests__/__snapshots__/WarningCallout.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`WarningCallout matches snapshot 1`] = `
 <div>
diff --git a/src/components/form-elements/error-message/__tests__/__snapshots__/ErrorMessage.test.tsx.snap b/src/components/form-elements/error-message/__tests__/__snapshots__/ErrorMessage.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`ErrorMessage matches snapshot: ErrorMessage 1`] = `
 <div>
diff --git a/src/components/form-elements/error-summary/__tests__/__snapshots__/ErrorSummary.test.tsx.snap b/src/components/form-elements/error-summary/__tests__/__snapshots__/ErrorSummary.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`ErrorSummary ErrorSummary.Body matches snapshot: ErrorSummary.Body 1`] = `
 <div>
diff --git a/src/components/form-elements/hint-text/__tests__/__snapshots__/Hint.test.tsx.snap b/src/components/form-elements/hint-text/__tests__/__snapshots__/Hint.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`Hint matches snapshot: Hint 1`] = `
 <div>
diff --git a/src/components/layout/__tests__/__snapshots__/Col.test.tsx.snap b/src/components/layout/__tests__/__snapshots__/Col.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`Col matches snapshot: Col 1`] = `
 <div>
diff --git a/src/components/layout/__tests__/__snapshots__/Container.test.tsx.snap b/src/components/layout/__tests__/__snapshots__/Container.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`Container matches snapshot 1`] = `
 <div>
diff --git a/src/components/layout/__tests__/__snapshots__/Row.test.tsx.snap b/src/components/layout/__tests__/__snapshots__/Row.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`Row matches snapshot: Row 1`] = `
 <div>
diff --git a/src/components/navigation/action-link/__tests__/__snapshots__/ActionLink.test.tsx.snap b/src/components/navigation/action-link/__tests__/__snapshots__/ActionLink.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`ActionLink matches snapshot: ActionLink 1`] = `
 <div>
diff --git a/src/components/navigation/contents-list/__tests__/__snapshots__/ContentsList.test.tsx.snap b/src/components/navigation/contents-list/__tests__/__snapshots__/ContentsList.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`ContentsList ContentsList.Item matches snapshot: ContentsList.Item 1`] = `
 <div>
diff --git a/src/components/navigation/pagination/__tests__/__snapshots__/Pagination.test.tsx.snap b/src/components/navigation/pagination/__tests__/__snapshots__/Pagination.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`Pagination Pagination.Link matches snapshot: Pagination.Link 1`] = `
 <div>
diff --git a/src/components/typography/__tests__/__snapshots__/BodyText.test.tsx.snap b/src/components/typography/__tests__/__snapshots__/BodyText.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`BodyText matches snapshot 1`] = `
 <div>
diff --git a/src/components/typography/__tests__/__snapshots__/LedeText.test.tsx.snap b/src/components/typography/__tests__/__snapshots__/LedeText.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`LedeText matches snapshot 1`] = `
 <div>
diff --git a/src/patterns/review-date/__tests__/__snapshots__/ReviewDate.test.tsx.snap b/src/patterns/review-date/__tests__/__snapshots__/ReviewDate.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`ReviewDate matches snapshot: ReviewDate 1`] = `
 <div>
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-// Jest Snapshot v1, https://goo.gl/fbAQLP`
	`1`	`+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing`
`2`	`2`
`3`	`3`	exports[`Details Details.ExpanderGroup matches snapshot: Details.ExpanderGroup 1`] = `
`4`	`4`	`<div>`