Storybook Test

.github/workflows/tests.yml

@@ -26,6 +26,36 @@ jobs:
         run: yarn install
       - name: Run tests
         run: yarn test -- --ci --coverage
+  storybook:
+    runs-on: ubuntu-20.04
+    strategy:
+      matrix:
+        node-version: [18.x, 20.x, 22.x]
+        package: [{ name: 'svelte', port: 6006 }, { name: 'vue', port: 6007 }]
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: ${{ matrix.node-version }}
+      - uses: actions/cache@v4
+        id: yarn-cache
+        with:
+          path: .yarn/cache
+          key: ${{ runner.os }}-${{ matrix.node-version }}-yarn-${{ hashFiles('**/yarn.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-${{ matrix.node-version }}-yarn-
+      - name: Install Dependencies
+        run: |
+          yarn install
+          yarn dlx playwright install --with-deps chromium
+      - name: Build
+        run: yarn build
+      - name: Run tests
+        run: |
+          cd packages/${{ matrix.package.name }}
+          yarn dlx concurrently -k -s first -n "STORYBOOK,TEST" -c "magenta,blue" \
+            "yarn storybook" \
+            "yarn dlx wait-on tcp:${{ matrix.package.port }} && yarn test-storybook --url http://localhost:${{ matrix.package.port }}"
   lint:
     runs-on: ubuntu-20.04
     steps:

packages/svelte/package.json

@@ -21,6 +21,7 @@
     "dev": "rollup --config --bundleConfigAsCjs --watch",
     "test": "node --experimental-vm-modules $(yarn bin jest)",
     "storybook": "storybook dev -p 6006 --no-open",
+    "storybook-test": "test-storybook --url http://localhost:6006",
     "build-storybook": "storybook build"
   },
   "dependencies": {
@@ -39,6 +40,7 @@
     "@storybook/svelte": "^8.1.1",
     "@storybook/svelte-vite": "^8.1.1",
     "@storybook/test": "^8.1.1",
+    "@storybook/test-runner": "0.16.0",
     "@sveltejs/vite-plugin-svelte": "^3.1.0",
     "@swc/core": "^1.7.11",
     "@swc/jest": "^0.2.36",

packages/vue/package.json

@@ -21,6 +21,7 @@
     "dev": "rollup --config --bundleConfigAsCjs --watch",
     "test": "jest",
     "storybook": "storybook dev -p 6007 --no-open",
+    "storybook-test": "test-storybook --url http://localhost:6007",
     "build-storybook": "storybook build"
   },
   "dependencies": {
@@ -38,6 +39,7 @@
     "@storybook/addon-links": "^8.1.1",
     "@storybook/blocks": "^8.1.1",
     "@storybook/test": "^8.1.1",
+    "@storybook/test-runner": "0.16.0",
     "@storybook/vue3": "^8.1.1",
     "@storybook/vue3-vite": "^8.1.1",
     "@swc/core": "^1.7.11",