Update tests

.github/workflows/playwright.yml

@@ -7,7 +7,7 @@ on:
 jobs:
   test:
     timeout-minutes: 60
-    runs-on: ubuntu-latest
+    runs-on: windows-latest
     steps:
     - uses: actions/checkout@v4
     - uses: actions/setup-node@v4
@@ -16,9 +16,9 @@ jobs:
     - name: Install dependencies
       run: npm ci
     - name: Install Playwright Browsers
-      run: npx playwright install --with-deps
+      run: npx playwright install --with-deps chromium
     - name: Run Playwright tests
-      run: npx playwright test
+      run: npx playwright test minimum.spec.ts
     - uses: actions/upload-artifact@v4
       if: always()
       with:

tests/minimum.spec.ts

@@ -0,0 +1,22 @@
+import { test, expect, Page } from '@playwright/test';
+
+test('Visual Diff About', async ({ page }) => {
+    await visualDiff(page, '/about/');
+});
+
+test('Visual Diff Text and Image', async ({ page }) => {
+    await visualDiff(page, '/blog/space-games/');
+});
+
+
+async function visualDiff(page: Page, url: string) {
+    await page.goto(url);
+
+    // Trigger loading of all images
+    for (const img of await page.locator('//img').all()) {
+        await img.scrollIntoViewIfNeeded();
+    }
+
+    // Set up listeners concurrently
+    await expect(page).toHaveScreenshot({ fullPage: true, timeout: 50000});
+}