Add test screenshots

Author: hojberg

.github/workflows/playwright.yml

@@ -15,13 +15,17 @@ jobs:
           node-version: lts/*
       - name: Install dependencies
         run: npm ci
+
       - name: Install Playwright Browsers
         run: npx playwright install --with-deps
+
       - name: Run Playwright tests
         run: npx playwright test
+
+      - name: Upload failed screenshots
       - uses: actions/upload-artifact@v4
-        if: ${{ !cancelled() }}
+        if: failure()
         with:
-          name: playwright-report
-          path: playwright-report/
+          name: failed-snapshots
+          path: test-results/
           retention-days: 30

tests/e2e/NewOrgModal.spec.ts

@@ -14,7 +14,7 @@ test.describe("without being signed in", () => {
   test("can *NOT* see the 'New Org' button", async ({ page, isMobile }) => {
     const response = await page.goto("http://localhost:1234");
     expect(response?.status()).toBeLessThan(400);
-    await expect(page).toHaveScreenshot({ maxDiffPixels: 100 });
+    await expect(page).toHaveScreenshot("no-new-org-button.png");
 
     if (isMobile) {
       await expect(
@@ -36,7 +36,7 @@ test.describe("while being signed in", () => {
   test("can see the 'New Org' button", async ({ page, isMobile }) => {
     const response = await page.goto("http://localhost:1234");
     expect(response?.status()).toBeLessThan(400);
-    await expect(page).toHaveScreenshot({ maxDiffPixels: 100 });
+    await expect(page).toHaveScreenshot("new-org-button.png");
 
     if (isMobile) {
       await expect(