테스트 — 단위·통합·E2E·TDD

// ━━━ 단위 테스트 (Vitest) ━━━
import { describe, it, expect } from "vitest";
import { sum } from "./math";

describe("sum", () => {
  it("두 양수 합을 반환", () => {
    expect(sum(1, 2)).toBe(3);
  });
  it("빈 배열이면 0", () => {
    expect(sum(...[])).toBe(0);
  });
});

// ━━━ 통합 테스트 (API + DB) ━━━
import request from "supertest";
import { app } from "../app";

describe("POST /api/users", () => {
  it("유저 생성 후 조회 가능", async () => {
    const res = await request(app).post("/api/users")
      .send({ email: "a@b.com" });
    expect(res.status).toBe(201);

    const get = await request(app).get("/api/users/" + res.body.id);
    expect(get.body.email).toBe("a@b.com");
  });
});

// ━━━ E2E (Playwright) ━━━
import { test, expect } from "@playwright/test";

test("로그인 → 대시보드", async ({ page }) => {
  await page.goto("http://localhost:3000/login");
  await page.fill("[name=email]", "kim@example.com");
  await page.fill("[name=password]", "secret");
  await page.click("button[type=submit]");
  await expect(page).toHaveURL(/dashboard/);
});

// ━━━ TDD 사이클 예시 ━━━

// 1) Red — 실패하는 테스트부터
describe("slugify", () => {
  it("공백을 하이픈으로", () => {
    expect(slugify("Hello World")).toBe("hello-world");
  });
});
// → slugify 없음, 테스트 실패

// 2) Green — 통과만 시키는 최소 구현
export function slugify(s: string) {
  return s.toLowerCase().replace(/\s+/g, "-");
}
// → 테스트 통과

// 3) Refactor — 테스트 유지한 채 개선
export function slugify(s: string) {
  return s.trim().toLowerCase()
    .replace(/[^a-z0-9\s-]/g, "")
    .replace(/\s+/g, "-");
}
// → 테스트 여전히 통과, 코드는 더 강건

# Vitest 커버리지
npx vitest run --coverage

# Playwright 리포트
npx playwright test --reporter=html

# CI에서 실패 시 배포 중단 (GitHub Actions 예시)
# - name: Test
#   run: npm test -- --coverage --passWithNoTests