chore: more work on vitest storybook

Signed-off-by: Newton <5769156+iamnewton@users.noreply.github.com>

Author: iamnewton

.github/workflows/test.yml

@@ -7,10 +7,10 @@ jobs:
   unit:
     name: Run tests and collect coverage
     runs-on: ubuntu-latest
-    container:
+    # container:
       # Make sure to grab the latest version of the Playwright image
       # https://playwright.dev/docs/docker#pull-the-image
-      image: mcr.microsoft.com/playwright:v1.54.1-noble
+      # image: mcr.microsoft.com/playwright:v1.54.1-noble
 
     steps:
       - uses: actions/checkout@v4
@@ -28,6 +28,9 @@ jobs:
       - run: npm ci
         name: Install dependencies
 
+      - run: npx playwright install chromium --with-deps
+        name: Install Playwright Dependencies
+
       - run: npm test -- --coverage
         name: Run tests with coverage
 
@@ -87,6 +90,9 @@ jobs:
       - run: npm ci
         name: Install dependencies
 
+      - run: npx playwright install chromium --with-deps
+        name: Install Playwright Dependencies
+
       - run: npm test
         name: Serve Storybook and run tests
 

.storybook/main.ts

@@ -32,7 +32,7 @@ const config: StorybookConfig = {
 		return mergeConfig(config, {
 			// Add dependencies to pre-optimization
 			optimizeDeps: {
-				include: ["storybook-dark-mode"],
+				include: ["react/jsx-dev-runtime", "react-dom/client"],
 			},
 		});
 	},