Storybook v8 support (#90)

* Upgrade Storybook to 8.0.0-rc.1

* Update storybook integration to support v8

CHANGELOG.md

@@ -2,6 +2,8 @@
 
 ## Unreleased
 
+- [new] Support Storybook v8
+
 # 7.2.0 (2024-02-12)
 
 - [new] Add `config` parameter, which is passed to `axe.configure` [#88](https://github.com/chanzuckerberg/axe-storybook-testing/pull/88)

README.md

@@ -32,7 +32,7 @@ This project adheres to the [Contributor Covenant code of conduct](https://www.c
 ## Minimum requirements
 
 - Node 12
-- Storybook 7.0 (for Storybook 6, use axe-storybook-testing v6.3.1)
+- Storybook 7.0 or 8.0 (for Storybook 6, use axe-storybook-testing v6.3.1)
 - axe-core 4.0
 
 ## Installation

demo/.storybook/main.js

@@ -1,18 +1,24 @@
 module.exports = {
   stories: ["../src"],
-  addons: ["@storybook/addon-essentials", "@storybook/addon-a11y"],
+  addons: [
+    "@storybook/addon-a11y",
+    "@storybook/addon-essentials",
+    "@storybook/addon-webpack5-compiler-swc",
+  ],
   core: {
-    disableTelemetry: true
+    disableTelemetry: true,
   },
   framework: {
     name: "@storybook/react-webpack5",
-    options: {}
-  },
-  // Provide basic babel config. react-webpack5 seems to actually provide most of this.
-  babel: (config) => {
-    return {
-      ...config,
-      sourceType: 'module',
-    }
+    options: {},
   },
+  swc: () => ({
+    jsc: {
+      transform: {
+        react: {
+          runtime: 'automatic',
+        },
+      },
+    },
+  }),
 };

demo/package.json

@@ -16,10 +16,11 @@
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "^7.6.13",
-    "@storybook/addon-essentials": "^7.6.13",
-    "@storybook/react": "^7.6.13",
-    "@storybook/react-webpack5": "^7.6.13",
-    "storybook": "^7.6.13"
+    "@storybook/addon-a11y": "^8.0.0-rc.1",
+    "@storybook/addon-essentials": "^8.0.0-rc.1",
+    "@storybook/addon-webpack5-compiler-swc": "^1.0.1",
+    "@storybook/react": "^8.0.0-rc.1",
+    "@storybook/react-webpack5": "^8.0.0-rc.1",
+    "storybook": "^8.0.0-rc.1"
   }
 }