ci: add visual regression tests (#1614)

.github/workflows/argos.yml

@@ -0,0 +1,34 @@
+name: Argos CI Screenshots
+
+on:
+  push:
+    branches: [master]
+  pull_request:
+    branches: [master]
+
+jobs:
+  take-screenshots:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Check out repository code
+        uses: actions/checkout@v4
+
+      - name: Use Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: current
+
+      - name: Install dependencies
+        run: npm i
+
+      - name: Install Playwright browsers
+        run: npm exec playwright install --with-deps chromium
+
+      - name: Build the website
+        run: npm run build
+
+      - name: Take screenshots with Playwright
+        run: npm exec playwright test -- --config playwright-argos.config.ts
+
+      - name: Upload screenshots to Argos
+        run: npm exec argos upload ./screenshots

.gitignore

@@ -31,4 +31,6 @@ playwright-report/
 .vercel/
 
 .vercel
-.bin/
+.bin/
+
+screenshots