"완료했습니다"를 믿지 않기로 했습니다, AI 산출물 품질 게이트 세 겹

// tsconfig.json (일부)
{
  "compilerOptions": {
    "strict": true,
    "noUncheckedIndexedAccess": true,
    "noImplicitOverride": true
  }
}

// package.json
{
  "scripts": {
    "typecheck": "tsc --noEmit -p ."
  }
}

// .claude/settings.json
{
  "hooks": {
    "PostToolUse": [
      {
        "matcher": "Edit|Write",
        "hooks": [{ "type": "command", "command": "pnpm -s typecheck" }]
      }
    ]
  }
}

// e2e/tasks.spec.ts
import { test, expect } from "@playwright/test";
 
test("상태 필터를 바꾸면 해당 상태의 업무만 보인다", async ({ page }) => {
  await page.goto("/tasks");
  await page.getByRole("radio", { name: "진행 중" }).click();
 
  const rows = page.getByRole("row").filter({ hasNot: page.getByRole("columnheader") });
  await expect(rows.first()).toBeVisible();
  for (const badge of await rows.getByTestId("status-badge").all()) {
    await expect(badge).toHaveText("진행 중");
  }
});
 
test("업무를 일시정지하면 목록과 상세에 함께 반영된다", async ({ page }) => {
  await page.goto("/tasks");
  await page.getByRole("row", { name: /주간 보고/ }).click();
  await page.getByRole("button", { name: "일시정지" }).click();
  await expect(page.getByRole("status")).toContainText("일시정지했습니다");
  await page.goBack();
  await expect(page.getByRole("row", { name: /주간 보고/ }).getByTestId("status-badge")).toHaveText("일시정지");
});

test("진입 모션은 상단바, 타이틀, 카드, 테이블 순서다", async ({ page }) => {
  await page.goto("/dashboard");
  const order = await page.evaluate(async () => {
    const ids = ["topbar", "title", "cards", "table"];
    const seen: string[] = [];
    const start = performance.now();
    while (seen.length < ids.length && performance.now() - start < 3000) {
      for (const id of ids) {
        const el = document.querySelector(`[data-motion="${id}"]`);
        if (el && !seen.includes(id) && Number(getComputedStyle(el).opacity) > 0.5) seen.push(id);
      }
      await new Promise(requestAnimationFrame);
    }
    return seen;
  });
  expect(order).toEqual(["topbar", "title", "cards", "table"]);
});
 
test("동작 줄이기 설정에서는 바로 보인다", async ({ browser }) => {
  const page = await browser.newPage({ reducedMotion: "reduce" });
  await page.goto("/dashboard");
  await expect(page.locator('[data-motion="table"]')).toHaveCSS("opacity", "1");
});

## UI 변경 완료 조건 (CLAUDE.md)
- 1440px, 390px 두 폭에서 라이트/다크 스크린샷 4장
- 390px에서 document.documentElement.scrollWidth === innerWidth (가로 스크롤 없음)
- 콘솔 에러 0건

test("대시보드 시각 회귀", async ({ page }) => {
  await page.goto("/dashboard");
  await page.emulateMedia({ reducedMotion: "reduce" }); // 모션이 끝난 상태로 비교
  await expect(page).toHaveScreenshot("dashboard.png", { maxDiffPixelRatio: 0.01 });
});