Trying new approach for CI storybook testing

Author: Mil4n0r

.github/workflows/chromatic.yml

@@ -1,4 +1,4 @@
-name: "Chromatic"
+name: "Chromatic & Storybook Tests"
 
 on:
   push:
@@ -13,8 +13,6 @@ on:
 jobs:
   chromatic-deployment:
     runs-on: ubuntu-latest
-    outputs:
-      storybook-url: ${{ steps.chromatic_publish.outputs.storybookUrl }}
     steps:
       - name: Checkout repository
         uses: actions/checkout@v2
@@ -31,17 +29,16 @@ jobs:
         run: npm install
 
       - name: Publish to Chromatic
-        id: chromatic_publish
         uses: chromaui/action@v1
         with:
           projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
           exitOnceUploaded: true
           exitZeroOnChanges: true
           workingDir: packages/lib
           forceRebuild: true
+
   storybook-tests:
     runs-on: ubuntu-latest
-    needs: chromatic-deployment
     steps:
       - name: Checkout repository
         uses: actions/checkout@v2
@@ -55,10 +52,16 @@ jobs:
       - name: Install dependencies
         run: npm install
 
+      - name: Build Storybook
+        run: |
+          cd packages/lib
+          npm run build-storybook -- --quiet
+
+      - name: Serve Storybook
+        run: npx http-server ./packages/lib/storybook-static -p 6006 &
+
       - name: Run Storybook Tests
         run: |
           cd packages/lib
           npx playwright install --with-deps
           npm run test-storybook
-        env:
-          SB_URL: "${{ needs.chromatic-deployment.outputs.storybook-url }}"

packages/lib/vitest.config.ts

@@ -9,7 +9,7 @@ const dirname = typeof __dirname !== "undefined" ? __dirname : path.dirname(file
 export default defineConfig({
   // Workaround to prevent fail during first text execution (https://github.com/storybookjs/storybook/issues/32049)
   optimizeDeps: {
-    include: ["react/jsx-dev-runtime"],
+    include: ["react", "react-dom", "react/jsx-runtime", "react/jsx-dev-runtime", "@emotion/react", "@emotion/styled"],
   },
   test: {
     projects: [
@@ -20,7 +20,6 @@ export default defineConfig({
           // See options at: https://storybook.js.org/docs/next/writing-tests/integrations/vitest-addon#storybooktest
           storybookTest({
             configDir: path.join(dirname, ".storybook"),
-            storybookUrl: process.env.SB_URL ?? "http://localhost:6006",
           }),
         ],
         test: {