프로젝트 저장 및 목록

2025-11-29 22:05:25 +09:00
parent 1f085bd64c
commit 17bfac62ed
15 changed files with 1765 additions and 179 deletions
@@ -1,13 +1,11 @@
 import { describe, it, expect, beforeEach, afterEach, vi } from "vitest";
-import { render, screen, cleanup, fireEvent, waitFor } from "@testing-library/react";
+import { render, screen, cleanup, fireEvent } from "@testing-library/react";
 import type { Block, ProjectConfig } from "@/features/editor/state/editorStore";
 import EditorPage from "@/app/editor/page";

-// EditorPage Export 미리보기 UX TDD
-// - 상단 메뉴에 "Export 미리보기" 항목이 노출되는지 검증한다.
-// - Export 미리보기 모달에서 "미리보기 새로고침" 클릭 시
-//   - /api/export/preview 엔드포인트를 호출하고,
-//   - 반환된 HTML 을 iframe srcdoc 으로 렌더하는지 확인한다.
+// EditorPage 상단 메뉴 UX TDD
+// - Export 미리보기 기능 제거 후, 상단 메뉴에 더 이상 "Export 미리보기" 항목이 노출되지 않아야 한다.
+// - 대신 프로젝트 저장/불러오기와 연계된 "프로젝트 목록" 항목이 메뉴에 노출되어야 한다.

 let mockState: any;

@@ -88,61 +86,17 @@ vi.mock("next/link", () => {
  };
 });

-describe("EditorPage - Export 미리보기", () => {
-  it("메뉴에서 Export 미리보기 항목을 클릭하면 Export 미리보기 모달이 열려야 한다", () => {
+describe("EditorPage - 상단 메뉴 (Export 미리보기 제거)", () => {
+  it("메뉴를 열었을 때 'Export 미리보기' 항목은 보이지 않고, '프로젝트 목록' 항목이 노출되어야 한다", () => {
    render(<EditorPage />);

    const menuButton = screen.getByText("메뉴");
    fireEvent.click(menuButton);

-    const previewMenuItem = screen.getByText("Export 미리보기");
-    fireEvent.click(previewMenuItem);
+    const removedItem = screen.queryByText("Export 미리보기");
+    expect(removedItem).toBeNull();

-    const modalTitle = screen.getByText("Export 미리보기");
-    expect(modalTitle).toBeTruthy();
-  });
-
-  it("Export 미리보기 새로고침 시 /api/export/preview 를 호출하고 iframe 에 HTML 을 렌더해야 한다", async () => {
-    const fetchMock = vi.fn().mockResolvedValue(
-      new Response(
-        "<!DOCTYPE html><html><head><title>Export 미리보기 테스트</title></head><body>Export 미리보기 본문</body></html>",
-        {
-          status: 200,
-          headers: { "Content-Type": "text/html; charset=utf-8" },
-        },
-      ),
-    );
-
-    vi.stubGlobal("fetch", fetchMock);
-
-    render(<EditorPage />);
-
-    const menuButton = screen.getByText("메뉴");
-    fireEvent.click(menuButton);
-
-    const previewMenuItem = screen.getByText("Export 미리보기");
-    fireEvent.click(previewMenuItem);
-
-    const refreshButton = screen.getByText("미리보기 새로고침");
-    fireEvent.click(refreshButton);
-
-    await waitFor(() => {
-      expect(fetchMock).toHaveBeenCalledTimes(1);
-    });
-
-    const [url, options] = fetchMock.mock.calls[0] as any;
-    expect(url).toBe("/api/export/preview");
-    expect(options.method).toBe("POST");
-    expect(options.headers["Content-Type"]).toBe("application/json");
-
-    const parsed = JSON.parse(options.body);
-    expect(Array.isArray(parsed.blocks)).toBe(true);
-    expect(parsed.blocks[0].id).toBe("blk_text_1");
-    expect(parsed.projectConfig.slug).toBe("export-preview-test");
-
-    const iframe = await screen.findByTestId("export-preview-frame");
-    const srcDoc = iframe.getAttribute("srcdoc") ?? "";
-    expect(srcDoc).toContain("Export 미리보기 테스트");
-    expect(srcDoc).toContain("Export 미리보기 본문");
+    const projectListItem = screen.getByText("프로젝트 목록");
+    expect(projectListItem).toBeTruthy();
  });
 });