Proof E2E

import { test, expect } from "@playwright/test";
import { LoginPage } from "./pages/LoginPage";

test.describe("Authentication", () => {
  test("user can sign in with valid credentials", async ({ page }) => {
    const loginPage = new LoginPage(page);
    await loginPage.goto();
    await loginPage.login(process.env.TEST_EMAIL!, process.env.TEST_PASSWORD!);

    await expect(page).toHaveURL("/dashboard");
    await expect(page.getByTestId("user-nav")).toBeVisible();
  });

  test("invalid credentials show error, do not redirect", async ({ page }) => {
    const loginPage = new LoginPage(page);
    await loginPage.goto();
    await loginPage.login("nobody@example.com", "wrongpassword");

    await expect(page).toHaveURL("/login");
    await expect(loginPage.errorMessage).toBeVisible();
    await expect(loginPage.errorMessage).toContainText("Invalid");
  });

  test("unauthenticated user is redirected from protected route", async ({
    page,
  }) => {
    await page.goto("/dashboard");
    await expect(page).toHaveURL(/login/);
  });
});

import { test, expect } from "./fixtures/auth"; // authenticated fixture

test.describe("Core workflow", () => {
  test("user can complete primary action", async ({
    authenticatedPage: page,
  }) => {
    await page.goto("/app");

    // Act — user performs the core value action
    await page.getByTestId("primary-action-button").click();
    await page.getByTestId("action-form-input").fill("Test data");
    await page.getByTestId("action-submit").click();

    // Assert — visible outcome, not internal state
    await expect(page.getByTestId("success-message")).toBeVisible();
    await expect(page.getByTestId("result-item")).toContainText("Test data");
  });
});

# .github/workflows/e2e.yml
name: E2E Tests
on: [push, pull_request]

jobs:
  e2e:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with: { node-version: "20" }
      - run: npm ci
      - run: npx playwright install --with-deps chromium
      - run: npm run build
      - run: npx playwright test
        env:
          BASE_URL: http://localhost:3000
          TEST_EMAIL: ${{ secrets.TEST_EMAIL }}
          TEST_PASSWORD: ${{ secrets.TEST_PASSWORD }}
      - uses: actions/upload-artifact@v4
        if: failure()
        with:
          name: playwright-report
          path: playwright-report/

- run: npx playwright test --shard=${{ matrix.shard }}/3
  strategy:
    matrix:
      shard: [1, 2, 3]

┌─ E2E Suite ──────────────────────────────────────────────┐
│  Tool        Playwright                                   │
│  Tests       N specs across M journeys                    │
│  Coverage    P0: auth, core flow, checkout                │
│              P1: signup, password reset                   │
│  Skipped     [list what was explicitly excluded + why]    │
│  Est. time   ~X min on CI (sharded: Y min)                │
├──────────────────────────────────────────────────────────┤
│  ✖ Gaps      [any P0 not yet covered]                     │
│  ⚠ Needs     data-testid on: [list missing test IDs]      │
│  → Next      [one concrete next step]                     │
└──────────────────────────────────────────────────────────┘