feat: ✨ add a11y storybook addon (#97)

Author: jimmy-guzman

.github/actions/install/action.yml

@@ -7,7 +7,7 @@ runs:
     - name: 🏗 Setup bun
       uses: oven-sh/setup-bun@v1
       with:
-        bun-version: 1.1.12
+        bun-version: 1.1.14
 
     - name: 🏗 Setup bun cache
       uses: actions/cache@v4

.storybook/main.ts

@@ -7,6 +7,7 @@ const config = {
     "@storybook/addon-essentials",
     "@storybook/addon-interactions",
     "@storybook/addon-themes",
+    "@storybook/addon-a11y",
   ],
   framework: {
     name: "@storybook/react-vite",

bun.lockb

@@ -23,58 +23,59 @@
   },
   "prettier": "@jimmy.codes/prettier-config",
   "dependencies": {
-    "@tanstack/react-query": "5.40.0",
-    "@tanstack/react-router": "1.34.9",
+    "@tanstack/react-query": "5.45.1",
+    "@tanstack/react-router": "1.39.4",
     "clsx": "2.1.1",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "tailwind-merge": "2.3.0"
   },
   "devDependencies": {
-    "@iconify-json/logos": "1.1.42",
-    "@iconify-json/lucide": "1.1.189",
+    "@iconify-json/logos": "1.1.43",
+    "@iconify-json/lucide": "1.1.193",
     "@iconify/tailwind": "1.1.1",
     "@jimmy.codes/eslint-config": "1.9.0",
     "@jimmy.codes/prettier-config": "1.1.0",
     "@playwright/test": "1.44.1",
-    "@storybook/addon-essentials": "8.1.5",
-    "@storybook/addon-interactions": "8.1.5",
-    "@storybook/addon-links": "8.1.5",
-    "@storybook/addon-themes": "8.1.5",
-    "@storybook/blocks": "8.1.5",
-    "@storybook/react": "8.1.5",
-    "@storybook/react-vite": "8.1.5",
-    "@storybook/test": "8.1.5",
+    "@storybook/addon-a11y": "8.1.10",
+    "@storybook/addon-essentials": "8.1.10",
+    "@storybook/addon-interactions": "8.1.10",
+    "@storybook/addon-links": "8.1.10",
+    "@storybook/addon-themes": "8.1.10",
+    "@storybook/blocks": "8.1.10",
+    "@storybook/react": "8.1.10",
+    "@storybook/react-vite": "8.1.10",
+    "@storybook/test": "8.1.10",
     "@tailwindcss/typography": "0.5.13",
-    "@tanstack/react-query-devtools": "5.40.0",
-    "@tanstack/router-devtools": "1.34.9",
-    "@tanstack/router-vite-plugin": "1.34.8",
+    "@tanstack/react-query-devtools": "5.45.1",
+    "@tanstack/router-devtools": "1.39.4",
+    "@tanstack/router-vite-plugin": "1.39.5",
     "@testing-library/dom": "10.1.0",
-    "@testing-library/jest-dom": "6.4.5",
+    "@testing-library/jest-dom": "6.4.6",
     "@testing-library/react": "16.0.0",
     "@testing-library/user-event": "14.5.2",
     "@total-typescript/ts-reset": "0.5.1",
-    "@types/bun": "1.1.3",
+    "@types/bun": "1.1.4",
     "@types/react": "18.3.3",
     "@types/react-dom": "18.3.0",
     "@vitejs/plugin-react-swc": "3.7.0",
     "@vitest/coverage-v8": "1.6.0",
     "@vitest/ui": "1.6.0",
     "autoprefixer": "10.4.19",
-    "daisyui": "4.11.1",
+    "daisyui": "4.12.2",
     "eslint": "8.57.0",
     "eslint-plugin-storybook": "0.8.0",
     "gitzy": "5.4.0",
     "happy-dom": "14.12.0",
     "is-ci": "3.0.1",
-    "lefthook": "1.6.15",
+    "lefthook": "1.6.16",
     "msw": "2.3.1",
     "postcss": "8.4.38",
-    "prettier": "3.3.0",
-    "storybook": "8.1.5",
-    "tailwindcss": "3.4.3",
+    "prettier": "3.3.2",
+    "storybook": "8.1.10",
+    "tailwindcss": "3.4.4",
     "typescript": "5.4.5",
-    "vite": "5.2.12",
+    "vite": "5.3.1",
     "vite-tsconfig-paths": "4.3.2",
     "vitest": "1.6.0"
   }

package.json

@@ -5,9 +5,11 @@ import { server } from "./mocks/server";
 beforeAll(() => {
   server.listen({ onUnhandledRequest: "warn" });
 });
+
 afterEach(() => {
   server.resetHandlers();
 });
+
 afterAll(() => {
   server.close();
 });

src/testing/setup.ts

@@ -68,4 +68,5 @@ const customRender = (
 };
 
 export { renderHook, screen, within } from "@testing-library/react";
+
 export { customRender as render };