Switch VRT from Lost Pixel to Argos (#98)

Replace Lost Pixel visual regression testing with Argos' Playwright integration, while preserving the existing sitemap-driven full-page coverage at the current mobile and desktop widths.

Author: john-kurkowski

.github/workflows/vrt.yml

@@ -29,7 +29,7 @@ jobs:
   visual-regression:
     if: github.event_name == 'pull_request' || github.ref == 'refs/heads/master'
     runs-on: ubuntu-latest
-    name: Lost Pixel
+    name: Argos
 
     steps:
       - name: Checkout
@@ -46,13 +46,13 @@ jobs:
       - name: Build app
         run: npm run build
 
-      - name: Start server (in background)
-        run: npm run preview &
+      - name: Install Playwright browser
+        run: npx playwright install --with-deps chromium
 
-      - name: Lost Pixel
-        uses: lost-pixel/lost-pixel@v3.22.0
+      - name: Argos
+        run: npm run test:vrt
         env:
-          LOST_PIXEL_API_KEY: ${{ secrets.LOST_PIXEL_API_KEY }}
+          GITHUB_TOKEN: ${{ github.token }}
 
   deploy-production:
     if: github.event_name == 'push' && github.ref == 'refs/heads/master'

.gitignore

@@ -4,4 +4,7 @@
 .netlify
 dist/
 node_modules/
+playwright-report/
+screenshots/
 src/env.d.ts
+test-results/

README.md

@@ -8,6 +8,10 @@ Source for [johnkurkowski.com](https://johnkurkowski.com).
 
     npm install
 
+Install Playwright browsers only if you plan to run browser-based tests locally.
+
+    npx playwright install chromium
+
 ### Running
 
     npm start
@@ -19,9 +23,8 @@ Source for [johnkurkowski.com](https://johnkurkowski.com).
 Tests are run in CI and must pass before production deploy, i.e. pushes to
 trunk. Branches deploy regardless of CI passing.
 
-Before push, you can preview [Lost Pixel](https://app.lost-pixel.com/) VRT's
-snapshots against your running local server in production mode.
+Before push, you can preview [Argos](https://argos-ci.com/) VRT's snapshots
+against your built site in production mode.
 
     npm run build
-    npm run preview &
-    npx lost-pixel local
+    npm run test:vrt