Storybook updates (#68)

* Update Storybook and use new test library

* Remove test parameter from build

* Edit Storybook config

.github/actions/tests/action.yml

@@ -17,7 +17,7 @@ runs:
       run: mkdir temp && npm run validatehtml
       shell: bash
     - name: Build Storybook
-      run: npm run build
+      run: npm run build --test
       shell: bash
     - name: Start Storybook
       run: npm start &

package.json

@@ -40,17 +40,16 @@
     "@babel/preset-env": "^7.23.2",
     "@chromaui/addon-visual-tests": "^0.0.124",
     "@mdx-js/react": "^3.0.0",
-    "@storybook/addon-a11y": "^7.6.4",
-    "@storybook/addon-docs": "^7.6.4",
-    "@storybook/addon-essentials": "^7.6.4",
-    "@storybook/addon-interactions": "^7.6.4",
-    "@storybook/addon-links": "^7.6.4",
-    "@storybook/addon-mdx-gfm": "^7.6.4",
-    "@storybook/html": "^7.6.4",
-    "@storybook/html-webpack5": "^7.6.4",
-    "@storybook/jest": "^0.2.3",
+    "@storybook/addon-a11y": "^7.6.6",
+    "@storybook/addon-docs": "^7.6.6",
+    "@storybook/addon-essentials": "^7.6.6",
+    "@storybook/addon-interactions": "^7.6.6",
+    "@storybook/addon-links": "^7.6.6",
+    "@storybook/addon-mdx-gfm": "^7.6.6",
+    "@storybook/html": "^7.6.6",
+    "@storybook/html-webpack5": "^7.6.6",
+    "@storybook/test": "^8.0.0-alpha.5",
     "@storybook/test-runner": "^0.16.0",
-    "@storybook/testing-library": "^0.2.2",
     "axe-playwright": "^1.2.3",
     "babel-jest": "^29.7.0",
     "babel-loader": "^9.0.1",
@@ -72,7 +71,7 @@
     "sass": "^1.69.4",
     "sass-loader": "^13.0.2",
     "simple-nunjucks-loader": "^3.2.0",
-    "storybook": "^7.6.4",
+    "storybook": "^7.6.6",
     "style-loader": "^3.3.1",
     "stylelint": "^16.0.2",
     "stylelint-config-standard-scss": "^12.0.0",

src/nationalarchives/components/breadcrumbs/breadcrumbs.stories.js

@@ -1,7 +1,6 @@
 import Breadcrumbs from "./template.njk";
 import macroOptions from "./macro-options.json";
-import { expect } from "@storybook/jest";
-import { within, userEvent } from "@storybook/testing-library";
+import { within, userEvent, expect } from "@storybook/test";
 import { customViewports } from "../../../../.storybook/viewports";
 
 const argTypes = {

src/nationalarchives/components/cookie-banner/cookie-banner.stories.js

@@ -1,7 +1,6 @@
 import CookieBanner from "./template.njk";
 import macroOptions from "./macro-options.json";
-import { expect } from "@storybook/jest";
-import { within, userEvent } from "@storybook/testing-library";
+import { within, userEvent, expect } from "@storybook/test";
 import Cookies from "../../lib/cookies.mjs";
 
 const argTypes = {

src/nationalarchives/components/header/header.stories.js

@@ -1,7 +1,6 @@
 import Header from "./template.njk";
 import macroOptions from "./macro-options.json";
-import { expect } from "@storybook/jest";
-import { within, userEvent } from "@storybook/testing-library";
+import { within, userEvent, expect } from "@storybook/test";
 import { customViewports } from "../../../../.storybook/viewports";
 
 const argTypes = {

src/nationalarchives/components/hero/hero.stories.js

@@ -1,7 +1,6 @@
 import Hero from "./template.njk";
 import macroOptions from "./macro-options.json";
-import { expect } from "@storybook/jest";
-import { within, userEvent } from "@storybook/testing-library";
+import { within, userEvent, expect } from "@storybook/test";
 import { customViewports } from "../../../../.storybook/viewports";
 
 const argTypes = {

src/nationalarchives/components/sensitive-image/sensitive-image.stories.js

@@ -1,7 +1,6 @@
 import SensitiveImage from "./template.njk";
 import macroOptions from "./macro-options.json";
-import { expect } from "@storybook/jest";
-import { within, userEvent } from "@storybook/testing-library";
+import { within, userEvent, expect } from "@storybook/test";
 
 const argTypes = {
   src: { control: "text" },

src/nationalarchives/components/skip-link/skip-link.stories.js

@@ -1,7 +1,6 @@
 import SkipLink from "./template.njk";
 import macroOptions from "./macro-options.json";
-import { expect } from "@storybook/jest";
-import { within, userEvent } from "@storybook/testing-library";
+import { within, userEvent, expect } from "@storybook/test";
 
 const argTypes = {
   text: { control: "text" },

src/nationalarchives/components/tabs/tabs.stories.js

@@ -1,7 +1,6 @@
 import Tabs from "./template.njk";
 import macroOptions from "./macro-options.json";
-import { expect } from "@storybook/jest";
-import { within, userEvent } from "@storybook/testing-library";
+import { within, userEvent, expect } from "@storybook/test";
 
 const argTypes = {
   items: { control: "object" },