chore(playwright): add to github actions

Author: topheman

.github/workflows/web-host.yml

@@ -22,6 +22,17 @@ jobs:
         run: npm ci
       - name: Build
         run: npm run web-host:build
+      - name: Install Playwright
+        run: npx playwright install --with-deps
+        working-directory: ./packages/web-host
+      - name: e2e tests (playwright)
+        run: WAIT_FOR_SERVER_AT_URL=http://localhost:4173/webassembly-component-model-experiments/ npm run test:e2e:all:preview
+      - uses: actions/upload-artifact@v4
+        if: ${{ !cancelled() }}
+        with:
+          name: playwright-report
+          path: ./packages/web-host/playwright-report/
+          retention-days: 30
       - name: Cache build artifacts
         id: cache-build-www-host
         uses: actions/cache@v4

packages/web-host/playwright.config.ts

@@ -28,11 +28,20 @@ export default defineConfig({
     /* Base URL to use in actions like `await page.goto('/')`. */
     baseURL:
       process.env.BASE_URL ||
-      "http://localhost:5173/webassembly-component-model-experiments",
+      "http://localhost:5173/webassembly-component-model-experiments/",
 
     /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
     trace: "on-first-retry",
   },
+  ...(process.env.WAIT_FOR_SERVER_AT_URL
+    ? {
+        webServer: {
+          command: "npm run preview -- --strictPort",
+          url: process.env.WAIT_FOR_SERVER_AT_URL,
+          reuseExistingServer: true,
+        },
+      }
+    : {}),
 
   /* Configure projects for major browsers */
   projects: [