// frontend/playwright/settings.spec.ts — 설정 페이지 E2E (탭 · 메일 연결 · 프로필 · LLM · a11y)
import AxeBuilder from "@axe-core/playwright";
import { expect, test } from "@playwright/test";
import { resetSeed } from "./fixtures/seed-reset";

test.describe.configure({ mode: "serial" });

test.beforeEach(async ({ page }) => {
  await resetSeed();
  await page.goto("/settings");
  await expect(page.getByRole("heading", { level: 1, name: "설정" })).toBeVisible();
});

test("6개 탭이 보이고 기본은 계정 탭", async ({ page }) => {
  for (const t of ["계정", "메일", "연결", "AI · LLM", "외관", "데이터 · 보안"]) {
    await expect(page.getByRole("button", { name: new RegExp("^" + t) })).toBeVisible();
  }
  await expect(page.getByRole("button", { name: /^계정/ })).toHaveClass(/active/);
  await expect(page.getByRole("heading", { level: 2, name: "계정" })).toBeVisible();
});

test("메일 탭 — 3개 계정 카드 + 3/3 연결됨", async ({ page }) => {
  await page.getByRole("button", { name: /^메일/ }).click();
  await expect(page.getByRole("heading", { level: 2, name: "메일 계정" })).toBeVisible();
  await expect(page.locator(".cn-grid .cn-card")).toHaveCount(3);
  await expect(page.locator(".cn-count")).toHaveText("3/3 연결됨");
});

test("메일 동기화 → 토스트", async ({ page }) => {
  await page.getByRole("button", { name: /^메일/ }).click();
  const work = page.locator(".cn-card", { hasText: "회사" }).first();
  await work.getByRole("button", { name: /동기화/ }).click();
  await expect(page.locator(".au-toast")).toContainText("새 항목");
});

test("계정 탭 — 이름/역할 저장", async ({ page }) => {
  await page.locator("#acc-name").fill("지우 리드");
  await page.locator("#acc-role").fill("프로덕트 리드");
  await page.getByRole("button", { name: /변경사항 저장/ }).click();
  await expect(page.locator(".au-toast")).toContainText("저장");
});

test("AI·LLM 탭 — 연결 테스트 + 저장", async ({ page }) => {
  await page.getByRole("button", { name: /^AI · LLM/ }).click();
  await expect(page.getByRole("heading", { level: 2, name: "AI · LLM 연결" })).toBeVisible();

  await page.getByRole("button", { name: /연결 테스트/ }).click();
  await expect(page.locator(".set-test")).toBeVisible();

  await page.getByRole("button", { name: /저장 후 적용/ }).click();
  // 직전 테스트 토스트와 공존할 수 있어 특정 문구로 타겟팅.
  await expect(page.getByText("LLM 설정을 저장했어요")).toBeVisible();
});

test("데이터 탭 — 시스템 정보 + 토큰 발급", async ({ page }) => {
  await page.getByRole("button", { name: /^데이터 · 보안/ }).click();
  await expect(page.getByRole("heading", { level: 3, name: "시스템" })).toBeVisible();

  await page.getByRole("button", { name: /^발급/ }).click();
  await expect(page.locator(".set-reveal .sr-token")).toBeVisible();
});

test("설정 페이지 a11y — 위반 0건", async ({ page }) => {
  const r = await new AxeBuilder({ page })
    .withTags(["wcag2a", "wcag2aa", "wcag21aa"])
    .disableRules(["color-contrast"])
    .analyze();
  expect(r.violations, JSON.stringify(r.violations, null, 2)).toEqual([]);
});
