테스트 오류 수정

2025-12-13 00:29:23 +09:00
parent c3b301d64e
commit 820e1f943d
8 changed files with 496 additions and 33 deletions
@@ -0,0 +1,117 @@
+import { test, expect } from "@playwright/test";
+
+// CTA / Features 템플릿이 현재 로케일에 따라 올바른 기본 텍스트로 생성되는지 검증한다.
+
+// 모든 테스트에서 /api/auth/me 를 목 처리해 로그인 상태를 강제한다.
+test.beforeEach(async ({ page }) => {
+  await page.route("**/api/auth/me", async (route) => {
+    await route.fulfill({
+      status: 200,
+      contentType: "application/json",
+      body: JSON.stringify({ id: "user-e2e", email: "e2e@example.com", tokenVersion: 1 }),
+    });
+  });
+});
+
+function getLocaleToggle(page: import("@playwright/test").Page) {
+  return page.getByRole("button", { name: "Toggle locale" });
+}
+
+async function assertLocale(page: import("@playwright/test").Page, expected: "EN" | "KO") {
+  const toggle = getLocaleToggle(page);
+  await expect(toggle).toBeVisible();
+  await expect(toggle).toHaveText(expected);
+}
+
+async function setLocale(page: import("@playwright/test").Page, target: "EN" | "KO") {
+  const toggle = getLocaleToggle(page);
+  await expect(toggle).toBeVisible();
+
+  const current = (await toggle.textContent())?.trim();
+  if (current === target) return;
+
+  await toggle.click();
+  await expect(toggle).toHaveText(target);
+}
+
+// EN 로케일 기준 CTA 템플릿
+ test("CTA 템플릿은 EN 로케일에서 영어 기본 텍스트로 생성되어야 한다", async ({ page }) => {
+  await page.goto("/editor");
+
+  await setLocale(page, "EN");
+
+  await page.getByRole("button", { name: "CTA template" }).click();
+
+  const canvas = page.getByTestId("editor-canvas");
+
+  // 디버그: 현재 캔버스 텍스트 블록들의 내용을 로그로 출력한다.
+  const debugTexts = await canvas.getByTestId("editor-block").allInnerTexts();
+  // eslint-disable-next-line no-console
+  console.log("[CTA EN debug] block texts:", debugTexts);
+
+  await expect(canvas.getByText("Write a compelling CTA message here.")).toBeVisible();
+  await expect(canvas.getByRole("button", { name: "Call to action" })).toBeVisible();
+
+  await expect(
+    canvas.getByText("지금 바로 행동을 유도하는 CTA 텍스트를 입력하세요.", { exact: false }),
+  ).toHaveCount(0);
+});
+
+// KO 로케일 기준 CTA 템플릿
+ test("CTA 템플릿은 KO 로케일에서 한국어 기본 텍스트로 생성되어야 한다", async ({ page }) => {
+  await page.goto("/editor");
+
+  await setLocale(page, "KO");
+
+  await page.getByRole("button", { name: "CTA 템플릿" }).click();
+
+  const canvas = page.getByTestId("editor-canvas");
+
+  await expect(
+    canvas.getByText("지금 바로 행동을 유도하는 CTA 텍스트를 입력하세요.", { exact: false }),
+  ).toBeVisible();
+  await expect(canvas.getByRole("button", { name: "CTA 버튼" })).toBeVisible();
+
+  await expect(canvas.getByText("Write a compelling CTA message here.")).toHaveCount(0);
+});
+
+// EN 로케일 기준 Features 템플릿
+ test("Features 템플릿은 EN 로케일에서 영어 기본 텍스트로 생성되어야 한다", async ({ page }) => {
+  await page.goto("/editor");
+
+  await setLocale(page, "EN");
+
+  await page.getByRole("button", { name: "Features template" }).click();
+
+  const canvas = page.getByTestId("editor-canvas");
+
+  // 디버그: 현재 캔버스 텍스트 블록들의 내용을 로그로 출력한다.
+  const debugTexts = await canvas.getByTestId("editor-block").allInnerTexts();
+  // eslint-disable-next-line no-console
+  console.log("[Features EN debug] block texts:", debugTexts);
+
+  await expect(canvas.getByText("Feature 1", { exact: false }).first()).toBeVisible();
+  await expect(canvas.getByText("A short description of this feature.").first()).toBeVisible();
+
+  await expect(
+    canvas.getByText("해당 기능을 간단히 설명하는 텍스트입니다.", { exact: false }),
+  ).toHaveCount(0);
+});
+
+// KO 로케일 기준 Features 템플릿
+ test("Features 템플릿은 KO 로케일에서 한국어 기본 텍스트로 생성되어야 한다", async ({ page }) => {
+  await page.goto("/editor");
+
+  await setLocale(page, "KO");
+
+  await page.getByRole("button", { name: "기능 템플릿" }).click();
+
+  const canvas = page.getByTestId("editor-canvas");
+
+  await expect(canvas.getByText("Feature 1 제목", { exact: false })).toBeVisible();
+  await expect(
+    canvas.getByText("해당 기능을 간단히 설명하는 텍스트입니다.", { exact: false }).first(),
+  ).toBeVisible();
+
+  await expect(canvas.getByText("A short description of this feature.")).toHaveCount(0);
+});