test: set up screenshot testing for docs.page

Author: cabljac

.github/workflows/playwright.yml

@@ -0,0 +1,27 @@
+name: Playwright Tests
+on:
+  push:
+    branches: [ main, master ]
+  pull_request:
+    branches: [ main, master ]
+jobs:
+  test:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v3
+    - uses: actions/setup-node@v3
+      with:
+        node-version: 16
+    - name: Install dependencies
+      run: yarn
+    - name: Install Playwright Browsers
+      run: npx playwright install --with-deps
+    - name: Run Playwright tests
+      run: yarn playwright test
+    - uses: actions/upload-artifact@v3
+      if: always()
+      with:
+        name: playwright-report
+        path: playwright-report/
+        retention-days: 30

.gitignore

@@ -39,3 +39,6 @@ tailwind.css*
 
 # Tests
 website/tests/screenshots/*
+/test-results/
+/playwright-report/
+/playwright/.cache/

__tests__/config.test.ts

@@ -0,0 +1,26 @@
+// example.spec.ts
+import { test, expect } from '@playwright/test';
+import {default as domains} from '../domains.json';
+
+const stagingUrl = 'https://staging-docs-page-website-euw1-dzpolnxswq-ew.a.run.app';
+
+// skip these as these are not working (user error)
+const skipList  = ['dokumentacja.otwartaturystyka.pl']
+
+domains.forEach(domain => {
+    if (!skipList.includes(domain[0])) {
+    test(`${domain[0]}`, async ({ page }) => {
+
+        const response = await page.goto(`https://${domain[0]}`);
+
+        expect(response).toBeDefined();
+        expect(response!.status()).toBe(200);
+
+        const screenshotName = `${domain[1]}-original.png`;
+        await expect(page).toHaveScreenshot(`${domain[1]}-original.png`);
+
+        await page.goto(`${stagingUrl}/${domain[1]}`)
+        await expect(page).toHaveScreenshot(`${domain[1]}-original.png`);
+    });
+}
+})