ci: run playwright tests

Signed-off-by: Simon Emms <simon@simonemms.com>

Author: mrsimonemms

.devcontainer/devcontainer.json

@@ -16,14 +16,15 @@
     }
   },
   "postCreateCommand": {
-    "playwright": "npx --yes playwright install --with-deps"
+    "playwright": "npx --yes playwright install --with-deps chromium"
   },
   "containerEnv": {
     "PLAYWRIGHT_HTML_HOST": "0.0.0.0",
     "PUBLIC_WORKFLOWS_DIR": "/workspaces/studio/workflows",
-    "VITE_HOST": "0.0.0.0"
+    "HOST": "0.0.0.0"
   },
   "forwardPorts": [
-    5173
+    5173,
+    9323
   ]
 }

.github/workflows/build.yml

@@ -65,6 +65,24 @@ jobs:
       - name: Checking
         run: npm run check
 
+  e2e:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v6
+
+      - uses: actions/setup-node@v6
+        with:
+          node-version: lts/*
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Install Playwright browsers
+        run: npx playwright install --with-deps chromium
+
+      - name: End-to-end tests
+        run: npm run test:e2e
+
   helm:
     runs-on: ubuntu-latest
     steps:
@@ -151,6 +169,7 @@ jobs:
     runs-on: ubuntu-latest
     needs:
       - commitlint
+      - e2e
       - helm
       - pre-commit
       - test

package.json

@@ -16,6 +16,7 @@
     "prepare": "svelte-kit sync || echo ''",
     "start": "node build",
     "test:e2e": "playwright test",
+    "test:e2e:report": "playwright show-report --host 0.0.0.0",
     "test:e2e:ui": "playwright test --ui",
     "test:e2e:headed": "playwright test --headed",
     "test:e2e:debug": "playwright test --debug"

playwright.config.ts

@@ -24,7 +24,7 @@ export default defineConfig({
   reporter: 'html',
 
   use: {
-    baseURL: 'http://localhost:5173',
+    baseURL: 'http://127.0.0.1:5173',
     trace: 'on-first-retry',
   },
 
@@ -39,8 +39,8 @@ export default defineConfig({
 
   webServer: {
     command: 'npm run dev',
-    url: 'http://localhost:5173',
-    reuseExistingServer: true,
+    url: 'http://127.0.0.1:5173',
+    reuseExistingServer: !process.env.CI,
     timeout: 120_000,
   },
 });