ci: run the Playwright tests in every Pull Request

As all building blocks are now in place to run the Playwright tests
in-place, we can run them as part of every Pull Request, to catch
regressions before they enter the official site.

Signed-off-by: Johannes Schindelin <[email protected]>

Author: dscho

.github/workflows/ci.yml

@@ -76,3 +76,10 @@ jobs:
           public/
         output: lychee.md
         jobSummary: true
+
+    - name: Install @playwright/test
+      run: npm install @playwright/test
+    - name: Run Playwright tests
+      env:
+        PLAYWRIGHT_TEST_URL: http://localhost:5000/
+      run: npx playwright test --project=chrome

playwright.config.js

@@ -21,7 +21,8 @@ module.exports = defineConfig({
   /* 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',
+  /* Uses 'github' for GitHub Actions CI to generate annotations, otherwise 'html' */
+  reporter: process.env.CI && process.env.PLAYWRIGHT_TEST_URL === 'http://localhost:5000/' ? 'github' : 'html',
   /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
   use: {
     /* Base URL to use in actions like `await page.goto('/')`. */