Add per-format favicons, manifests, and CI workflow

   - Generate favicons (16x16, 32x32, 180x180, 192x192, 512x512) for
     brotli (.br), deflate (.def), zlib (.zlib), and zstd (.zst) in the
     same blue/white style as the existing gzip favicon
   - Add per-format PWA manifests (manifest-{format}.json) referencing
     the correct icons
   - Swap favicon <link> hrefs and manifest href via the existing inline
     JS script when a non-gzip format is detected
   - Add Playwright webServer config so the test suite starts and stops
     the dev server automatically
   - Add favicon and manifest assertions to the per-format test blocks
   - Add .github/workflows/ci.yml: build, trust dev cert, install
     Chromium, run Playwright tests, upload HTML report as artifact

Author: Swimburger

.github/workflows/ci.yml

@@ -0,0 +1,57 @@
+name: CI
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Setup .NET
+        uses: actions/setup-dotnet@v4
+        with:
+          dotnet-version: '10.0.x'
+
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: 'npm'
+          cache-dependency-path: e2e/package-lock.json
+
+      - name: Restore .NET dependencies
+        run: dotnet restore
+
+      - name: Build
+        run: dotnet build --no-restore
+
+      - name: Install Playwright dependencies
+        working-directory: e2e
+        run: npm ci
+
+      - name: Trust .NET dev certificate
+        run: dotnet dev-certs https --trust
+
+      - name: Install Playwright browsers
+        working-directory: e2e
+        run: npx playwright install --with-deps chromium
+
+      - name: Run E2E tests
+        working-directory: e2e
+        run: npx playwright test
+        env:
+          CI: true
+
+      - name: Upload Playwright report
+        if: always()
+        uses: actions/upload-artifact@v4
+        with:
+          name: playwright-report
+          path: e2e/playwright-report/
+          retention-days: 7

e2e/package-lock.json

@@ -7,4 +7,11 @@ module.exports = defineConfig({
     baseURL: 'https://localhost:5001',
     ignoreHTTPSErrors: true,
   },
+  webServer: {
+    command: 'dotnet run --project .. --urls https://localhost:5001',
+    url: 'https://localhost:5001',
+    timeout: 60000,
+    reuseExistingServer: !process.env.CI,
+    ignoreHTTPSErrors: true,
+  },
 });

e2e/playwright.config.js

@@ -105,5 +105,19 @@ for (const format of ['brotli', 'deflate', 'zlib', 'zstd']) {
     test(`intro paragraph mentions ${format}`, async ({ page }) => {
       await expect(page.locator('#intro-paragraph')).toContainText(new RegExp(displayName, 'i'));
     });
+
+    test(`favicons point to ${format} assets`, async ({ page }) => {
+      const icon32 = await page.locator('link[rel="icon"][sizes="32x32"]').getAttribute('href');
+      const icon16 = await page.locator('link[rel="icon"][sizes="16x16"]').getAttribute('href');
+      const touch  = await page.locator('link[rel="apple-touch-icon"][sizes="180x180"]').getAttribute('href');
+      expect(icon32).toContain(`/assets/${format}/`);
+      expect(icon16).toContain(`/assets/${format}/`);
+      expect(touch).toContain(`/assets/${format}/`);
+    });
+
+    test(`manifest points to ${format} manifest`, async ({ page }) => {
+      const manifest = await page.locator('link[rel="manifest"]').getAttribute('href');
+      expect(manifest).toBe(`manifest-${format}.json`);
+    });
   });
 }