cucumber · davidjgoss · Nov 13, 2025 · Nov 13, 2025 · Nov 13, 2025 · Nov 13, 2025
diff --git a/.github/workflows/test-javascript.yml b/.github/workflows/test-javascript.yml
@@ -73,4 +73,4 @@ jobs:
         working-directory: javascript
       - name: Acceptance tests
         working-directory: javascript
-        run: npm run acceptance
+        run: npx playwright test
diff --git a/javascript/docker-compose.yml b/javascript/docker-compose.yml
@@ -0,0 +1,9 @@
+services:
+  playwright:
+    image: mcr.microsoft.com/playwright:v1.56.1-jammy
+    working_dir: /work
+    volumes:
+      - .:/work
+    environment:
+      - CI=true
+    command: sh -c "npm ci && npm run build && npx playwright test"
diff --git a/javascript/package-lock.json b/javascript/package-lock.json
diff --git a/javascript/package.json b/javascript/package.json
@@ -20,7 +20,8 @@
     "prepublishOnly": "npm run build",
     "fix": "eslint --max-warnings 0 --fix src test && prettier --write src test",
     "lint": "eslint --max-warnings 0 src test && prettier --check src test",
-    "acceptance": "playwright test"
+    "acceptance:local": "docker compose run --rm playwright",
+    "acceptance:update": "docker compose run --rm playwright npx playwright test --update-snapshots"
   },
   "peerDependencies": {
     "@cucumber/messages": ">=18"

diff --git a/javascript/playwright.config.ts b/javascript/playwright.config.ts
@@ -13,6 +13,7 @@ export default defineConfig({
   use: {
     headless: true,
     baseURL: 'http://localhost:3000',
+    colorScheme: 'light'
   },
   projects: [
     {
@@ -26,7 +27,6 @@ export default defineConfig({
   expect: {
     toHaveScreenshot: {
       stylePath: './test/screenshot.css',
-      maxDiffPixelRatio: 0.05,
     },
   },
 })
diff --git a/javascript/test/__screenshots__/ambiguous.png b/javascript/test/__screenshots__/ambiguous.png
diff --git a/javascript/test/__screenshots__/attachments.png b/javascript/test/__screenshots__/attachments.png
diff --git a/javascript/test/__screenshots__/backgrounds.png b/javascript/test/__screenshots__/backgrounds.png
diff --git a/javascript/test/__screenshots__/cdata.png b/javascript/test/__screenshots__/cdata.png
diff --git a/javascript/test/__screenshots__/data-tables.png b/javascript/test/__screenshots__/data-tables.png
diff --git a/javascript/test/__screenshots__/doc-strings.png b/javascript/test/__screenshots__/doc-strings.png
diff --git a/javascript/test/__screenshots__/empty.png b/javascript/test/__screenshots__/empty.png
diff --git a/javascript/test/__screenshots__/examples-tables-attachment.png b/javascript/test/__screenshots__/examples-tables-attachment.png
diff --git a/javascript/test/__screenshots__/examples-tables-undefined.png b/javascript/test/__screenshots__/examples-tables-undefined.png
diff --git a/javascript/test/__screenshots__/examples-tables.png b/javascript/test/__screenshots__/examples-tables.png
diff --git a/javascript/test/__screenshots__/global-hooks-afterall-error.png b/javascript/test/__screenshots__/global-hooks-afterall-error.png
diff --git a/javascript/test/__screenshots__/global-hooks-attachments.png b/javascript/test/__screenshots__/global-hooks-attachments.png
diff --git a/javascript/test/__screenshots__/global-hooks-beforeall-error.png b/javascript/test/__screenshots__/global-hooks-beforeall-error.png
diff --git a/javascript/test/__screenshots__/global-hooks.png b/javascript/test/__screenshots__/global-hooks.png
diff --git a/javascript/test/__screenshots__/hooks-attachment.png b/javascript/test/__screenshots__/hooks-attachment.png
diff --git a/javascript/test/__screenshots__/hooks-conditional.png b/javascript/test/__screenshots__/hooks-conditional.png
diff --git a/javascript/test/__screenshots__/hooks-named.png b/javascript/test/__screenshots__/hooks-named.png
diff --git a/javascript/test/__screenshots__/hooks-undefined.png b/javascript/test/__screenshots__/hooks-undefined.png
diff --git a/javascript/test/__screenshots__/hooks.png b/javascript/test/__screenshots__/hooks.png
diff --git a/javascript/test/__screenshots__/markdown.png b/javascript/test/__screenshots__/markdown.png
diff --git a/javascript/test/__screenshots__/minimal.png b/javascript/test/__screenshots__/minimal.png
diff --git a/javascript/test/__screenshots__/multiple-features-reversed.png b/javascript/test/__screenshots__/multiple-features-reversed.png
diff --git a/javascript/test/__screenshots__/multiple-features.png b/javascript/test/__screenshots__/multiple-features.png
diff --git a/javascript/test/__screenshots__/parameter-types.png b/javascript/test/__screenshots__/parameter-types.png
diff --git a/javascript/test/__screenshots__/pending.png b/javascript/test/__screenshots__/pending.png
diff --git a/javascript/test/__screenshots__/regular-expression.png b/javascript/test/__screenshots__/regular-expression.png
diff --git a/javascript/test/__screenshots__/retry-ambiguous.png b/javascript/test/__screenshots__/retry-ambiguous.png
diff --git a/javascript/test/__screenshots__/retry-pending.png b/javascript/test/__screenshots__/retry-pending.png
diff --git a/javascript/test/__screenshots__/retry-undefined.png b/javascript/test/__screenshots__/retry-undefined.png
diff --git a/javascript/test/__screenshots__/retry.png b/javascript/test/__screenshots__/retry.png
diff --git a/javascript/test/__screenshots__/rules-backgrounds.png b/javascript/test/__screenshots__/rules-backgrounds.png
diff --git a/javascript/test/__screenshots__/rules.png b/javascript/test/__screenshots__/rules.png
diff --git a/javascript/test/__screenshots__/skipped.png b/javascript/test/__screenshots__/skipped.png
diff --git a/javascript/test/__screenshots__/stack-traces.png b/javascript/test/__screenshots__/stack-traces.png
diff --git a/javascript/test/__screenshots__/test-run-exception.png b/javascript/test/__screenshots__/test-run-exception.png
diff --git a/javascript/test/__screenshots__/undefined.png b/javascript/test/__screenshots__/undefined.png
diff --git a/javascript/test/__screenshots__/unknown-parameter-type.png b/javascript/test/__screenshots__/unknown-parameter-type.png
diff --git a/javascript/test/__screenshots__/unused-steps.png b/javascript/test/__screenshots__/unused-steps.png