test: playwright docker script

.github/workflows/playwright.yml

@@ -24,6 +24,6 @@ jobs:
       - uses: actions/upload-artifact@v3
         if: always()
         with:
-          name: playwright-report
-          path: playwright-report/
+          name: test-results
+          path: test-results/
           retention-days: 30

docker_playwright_script.sh

@@ -0,0 +1,8 @@
+#!/bin/bash
+
+# This script is run inside the docker container to run all playwright tests
+
+cd app
+npm i -g pnpm
+pnpm i
+pnpm run playwright

docker_run_playwright.sh

@@ -0,0 +1,10 @@
+#!/bin/bash
+
+# Run this script to start docker container and run all playwright tests
+
+docker run -it --rm --ipc=host \
+  --mount type=bind,src=.,dst=/app \
+  --mount type=volume,dst=/app/node_modules \
+  --mount type=volume,dst=/app/.pnpm-store \
+  mcr.microsoft.com/playwright:v1.40.0-jammy \
+  /app/docker_playwright_script.sh

package.json

@@ -33,6 +33,7 @@
     "test:watch": "jest --watch",
     "tsc": "tsc -p tsconfig.lib.json",
     "playwright": "playwright test",
+    "playwright:docker": "./docker_run_playwright.sh",
     "serve:test": "vite"
   },
   "dependencies": {

playwright.config.ts

@@ -10,8 +10,6 @@ export default defineConfig({
   retries: process.env.CI ? 2 : 0,
   /* Opt out of parallel tests on CI. */
   workers: process.env.CI ? 1 : undefined,
-  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
-  reporter: "html",
   /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
   use: {
     baseURL: "http://localhost:3000",
@@ -21,6 +19,7 @@ export default defineConfig({
   },
   webServer: {
     command: "npm run serve:test",
+    url: "http://localhost:3000",
   },
 
   /* Configure projects for major browsers */

tests/index.html

@@ -0,0 +1 @@
+<!-- This file is for the server to respond to / request -->