From c2ee0cc2c6b00f30ca539b213a7a76bd641003f8 Mon Sep 17 00:00:00 2001
From: literat <tomas@litera.me>
Date: Mon, 3 Feb 2025 19:50:16 +0100
Subject: [PATCH] Chore(repo): Enable a11y addon in Storybook

  * @see: https://storybook.js.org/docs/writing-tests/accessibility-testing
---
 apps/storybook/main.ts      |  6 +++++-
 apps/storybook/package.json |  1 +
 yarn.lock                   | 40 ++++++++++++++++++++++++++++++++++++-
 3 files changed, 45 insertions(+), 2 deletions(-)

diff --git a/apps/storybook/main.ts b/apps/storybook/main.ts
index a0390112d5..0451175770 100644
--- a/apps/storybook/main.ts
+++ b/apps/storybook/main.ts
@@ -7,7 +7,11 @@ import markdownRawPlugin from 'vite-raw-plugin';
 const config: StorybookConfig = {
   stories: ['../../packages/**/*.mdx', '../../packages/**/*.stories.@(ts|tsx)'],
 
-  addons: [getAbsolutePath('@storybook/addon-links'), getAbsolutePath('@storybook/addon-essentials')],
+  addons: [
+    getAbsolutePath('@storybook/addon-links'),
+    getAbsolutePath('@storybook/addon-essentials'),
+    getAbsolutePath('@storybook/addon-a11y'),
+  ],
 
   core: {
     disableTelemetry: true,
diff --git a/apps/storybook/package.json b/apps/storybook/package.json
index 4ab3f96019..e64f42c67e 100644
--- a/apps/storybook/package.json
+++ b/apps/storybook/package.json
@@ -15,6 +15,7 @@
   },
   "devDependencies": {
     "@babel/core": "7.26.7",
+    "@storybook/addon-a11y": "8.5.3",
     "@storybook/addon-actions": "8.5.3",
     "@storybook/addon-essentials": "8.5.3",
     "@storybook/addon-links": "8.5.3",
diff --git a/yarn.lock b/yarn.lock
index a4527a3843..a03be45c42 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5014,6 +5014,7 @@ __metadata:
   resolution: "@lmc-eu/spirit-storybook@workspace:apps/storybook"
   dependencies:
     "@babel/core": "npm:7.26.7"
+    "@storybook/addon-a11y": "npm:8.5.3"
     "@storybook/addon-actions": "npm:8.5.3"
     "@storybook/addon-essentials": "npm:8.5.3"
     "@storybook/addon-links": "npm:8.5.3"
@@ -7492,6 +7493,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/addon-a11y@npm:8.5.3":
+  version: 8.5.3
+  resolution: "@storybook/addon-a11y@npm:8.5.3"
+  dependencies:
+    "@storybook/addon-highlight": "npm:8.5.3"
+    "@storybook/test": "npm:8.5.3"
+    axe-core: "npm:^4.2.0"
+    vitest-axe: "npm:^0.1.0"
+  peerDependencies:
+    storybook: ^8.5.3
+  checksum: 10/c1cbff1c07bd70f246bea8c48f071b9fba33a5c39192194eadad5e7e847ff1ef64d9797afa1fe127448f1e32c53b93744c8410fd7bbe2eba785b9d2d79b6dc44
+  languageName: node
+  linkType: hard
+
 "@storybook/addon-actions@npm:8.5.3":
   version: 8.5.3
   resolution: "@storybook/addon-actions@npm:8.5.3"
@@ -10920,6 +10935,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"axe-core@npm:^4.2.0, axe-core@npm:^4.4.2":
+  version: 4.10.2
+  resolution: "axe-core@npm:4.10.2"
+  checksum: 10/a69423b2ff16c15922c4ea7cf9cc5112728a2817bbe0f2cc212248d648885ffd1ba554e3a341dfc289cd9e67fc0d06f333b5c6837c5c38ca6652507381216fc1
+  languageName: node
+  linkType: hard
+
 "axios@npm:^1.7.4":
   version: 1.7.7
   resolution: "axios@npm:1.7.7"
@@ -14568,7 +14590,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"dom-accessibility-api@npm:^0.5.9":
+"dom-accessibility-api@npm:^0.5.14, dom-accessibility-api@npm:^0.5.9":
   version: 0.5.16
   resolution: "dom-accessibility-api@npm:0.5.16"
   checksum: 10/377b4a7f9eae0a5d72e1068c369c99e0e4ca17fdfd5219f3abd32a73a590749a267475a59d7b03a891f9b673c27429133a818c44b2e47e32fec024b34274e2ca
@@ -33470,6 +33492,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"vitest-axe@npm:^0.1.0":
+  version: 0.1.0
+  resolution: "vitest-axe@npm:0.1.0"
+  dependencies:
+    aria-query: "npm:^5.0.0"
+    axe-core: "npm:^4.4.2"
+    chalk: "npm:^5.0.1"
+    dom-accessibility-api: "npm:^0.5.14"
+    lodash-es: "npm:^4.17.21"
+    redent: "npm:^3.0.0"
+  peerDependencies:
+    vitest: ">=0.16.0"
+  checksum: 10/2304b352ce001b86f57ca23e2e47e708a36a41783ebf130a84c86b2d75fe7161888ae78fa9de69ced3eb0865bfe0ce076e2c86b2161f7ffc1afaa76fcd11942e
+  languageName: node
+  linkType: hard
+
 "vscode-uri@npm:^3.0.8":
   version: 3.0.8
   resolution: "vscode-uri@npm:3.0.8"