Merge pull request #645 from nblackburn/playwright-tests

Playwright

.editorconfig

@@ -6,4 +6,7 @@ charset = utf-8
 end_of_line = crlf
 indent_style = space
 insert_final_newline = false
-trim_trailing_whitespace = false
+trim_trailing_whitespace = false
+
+[*.yml]
+indent_size = 2

.github/workflows/playwright.yml

@@ -0,0 +1,29 @@
+name: Playwright
+on:
+    pull_request:
+        branches: main
+jobs:
+    test:
+        name: 'Run E2E Tests'
+        timeout-minutes: 60
+        runs-on: ubuntu-latest
+        steps:
+            - uses: actions/checkout@v4
+            - uses: actions/setup-node@v4
+              with:
+                  node-version: lts/*
+
+            - name: Install dependencies
+              run: yarn
+
+            - name: Install Playwright Browsers
+              run: yarn playwright install --with-deps
+
+            - name: Run Playwright tests
+              run: yarn playwright test
+            - uses: actions/upload-artifact@v4
+              if: ${{ !cancelled() }}
+              with:
+                  name: playwright-report
+                  path: playwright-report/
+                  retention-days: 30

.gitignore

@@ -1,5 +1,6 @@
 *.log
 dist/
+test-results/
 node_modules
 .yarn/*
 !.yarn/patches
@@ -10,3 +11,6 @@ node_modules
 *.env
 .astro/
 .vercel
+/playwright-report/
+/blob-report/
+/playwright/.cache/

package.json

@@ -24,7 +24,6 @@
         "@typescript-eslint/eslint-plugin": "^8.17.0",
         "@typescript-eslint/parser": "^8.17.0",
         "@vanilla-extract/vite-plugin": "^4.0.18",
-        "checkly": "^4.14.0",
         "eslint": "^9.16.0",
         "eslint-plugin-astro": "^1.3.1",
         "eslint-plugin-vue": "^9.32.0",

playwright.config.ts

@@ -0,0 +1,20 @@
+import { defineConfig, devices } from '@playwright/test';
+
+export default defineConfig({
+    testDir: './tests',
+    fullyParallel: true,
+    forbidOnly: !!process.env.CI,
+    retries: process.env.CI ? 2 : 0,
+    workers: process.env.CI ? 1 : undefined,
+    reporter: 'html',
+    use: {
+        trace: 'on-first-retry'
+    },
+
+    projects: [
+        {
+            name: 'chromium',
+            use: { ...devices['Desktop Chrome'] }
+        }
+    ]
+});