Storage State — 한 번 로그인, 영원히 재사용

// e2e/global.setup.ts — runs first, saves auth state for everyone else
import { test as setup, expect } from '@playwright/test';

const USER_AUTH_FILE = 'playwright/.auth/user.json';

setup('authenticate as standard user', async ({ page }) => {
  await page.goto('/login');
  await page.getByLabel('Email').fill(process.env.TEST_USER_EMAIL!);
  await page.getByLabel('Password').fill(process.env.TEST_USER_PASSWORD!);
  await page.getByRole('button', { name: 'Sign in' }).click();

  // Wait for the post-login landing page so the cookie is actually set.
  await expect(page.getByRole('heading', { name: /dashboard/i })).toBeVisible();

  // Save cookies + localStorage to the file.
  await page.context().storageState({ path: USER_AUTH_FILE });
});

// playwright.config.ts — projects that consume the saved state
import { defineConfig, devices } from '@playwright/test';

export default defineConfig({
  projects: [
    // Setup project — runs first, no auth itself
    {
      name: 'setup',
      testMatch: /global\.setup\.ts/,
    },

    // Authenticated project — depends on setup, loads the saved state
    {
      name: 'chromium',
      dependencies: ['setup'],
      use: {
        ...devices['Desktop Chrome'],
        storageState: 'playwright/.auth/user.json',
      },
    },

    // Public project — no auth (for landing page, login flow, etc.)
    {
      name: 'chromium-public',
      testMatch: /\.public\.spec\.ts/,
      use: { ...devices['Desktop Chrome'] },
      // No storageState — these tests are logged out.
    },
  ],
});

// Authenticated test — starts logged in already
import { test, expect } from '@playwright/test';

test('shows the dashboard for the logged-in user', async ({ page }) => {
  await page.goto('/dashboard');
  // No login dance — the storage state from setup is already loaded.
  await expect(
    page.getByRole('heading', { name: /welcome back/i })
  ).toBeVisible();
});

// e2e/landing.public.spec.ts — runs in the chromium-public project
import { test as publicTest, expect } from '@playwright/test';

publicTest('landing page shows Sign in for anonymous users', async ({ page }) => {
  await page.goto('/');
  await expect(page.getByRole('link', { name: 'Sign in' })).toBeVisible();
});

// e2e/global.setup.ts — API-based auth (much faster)
import { test as setup, expect } from '@playwright/test';

const USER_AUTH_FILE = 'playwright/.auth/user.json';

setup('authenticate via API', async ({ request, page }) => {
  // Hit the login API directly — ~100ms instead of ~5s
  const response = await request.post('/api/auth/login', {
    data: {
      email: process.env.TEST_USER_EMAIL,
      password: process.env.TEST_USER_PASSWORD,
    },
  });
  expect(response.ok()).toBeTruthy();

  // The API set a Set-Cookie header on the response. Now save the context state.
  await page.context().storageState({ path: USER_AUTH_FILE });
});