에디터 정리 및 버그 수정

tests/unit/EditorAutosave.spec.tsx

@@ -1,5 +1,5 @@
 import { describe, it, expect, beforeEach, afterEach, vi } from "vitest";
-import { render, cleanup } from "@testing-library/react";
+import { render, cleanup, waitFor } from "@testing-library/react";
 import EditorPage from "@/app/editor/page";
 import type { Block, ProjectConfig } from "@/features/editor/state/editorStore";
 
@@ -63,6 +63,7 @@ beforeEach(() => {
     addFooterTemplateSection: vi.fn(),
     updateBlock: vi.fn(),
     updateProjectConfig: vi.fn(),
+    resetHistory: vi.fn(),
   };
 });
 
@@ -94,6 +95,9 @@ vi.mock("next/navigation", () => {
     useRouter: () => ({
       push: vi.fn(),
     }),
+    useSearchParams: () => ({
+      get: () => null,
+    }),
   };
 });
 
@@ -114,7 +118,7 @@ describe("EditorPage - 자동저장", () => {
     expect(parsed.projectConfig.slug).toBe("autosave-test");
   });
 
-  it("localStorage 에 autosave 스냅샷이 있으면 초기 렌더에서 replaceBlocks 와 updateProjectConfig 로 복원해야 한다", () => {
+  it("localStorage 에 autosave 스냅샷이 있으면 초기 렌더에서 replaceBlocks 와 updateProjectConfig 로 복원해야 한다", async () => {
     const savedBlocks: Block[] = [
       {
         id: "saved_1",
@@ -142,10 +146,75 @@ describe("EditorPage - 자동저장", () => {
 
     render(<EditorPage />);
 
-    expect(mockState.replaceBlocks).toHaveBeenCalledTimes(1);
+    await waitFor(() => {
+      expect(mockState.replaceBlocks).toHaveBeenCalledTimes(1);
+    });
     expect(mockState.replaceBlocks).toHaveBeenCalledWith(savedBlocks);
 
     expect(mockState.updateProjectConfig).toHaveBeenCalledTimes(1);
     expect(mockState.updateProjectConfig).toHaveBeenCalledWith(savedConfig);
+
+    // autosave 로 전체 프로젝트를 복원한 경우 history/future 도 초기화해야 한다.
+    expect(mockState.resetHistory).toHaveBeenCalledTimes(1);
+  });
+
+  it("savedByUserId 가 다른 autosave 스냅샷은 현재 로그인 유저가 불러오지 않아야 한다", async () => {
+    const savedBlocks: Block[] = [
+      {
+        id: "saved_1",
+        type: "text",
+        props: {
+          text: "다른 유저가 저장한 블록",
+          align: "left",
+          size: "base",
+        },
+      } as any,
+    ];
+
+    const savedConfig: ProjectConfig = {
+      title: "다른 유저 프로젝트",
+      slug: "autosave-test",
+      canvasPreset: "full",
+    } as ProjectConfig;
+
+    const payload = {
+      blocks: savedBlocks,
+      projectConfig: savedConfig,
+      savedByUserId: "user-a",
+    };
+
+    window.localStorage.setItem("pb:autosave:autosave-test", JSON.stringify(payload));
+
+    const fetchMock = vi.fn().mockImplementation((input: any, init?: any) => {
+      const url = typeof input === "string" ? input : input.url;
+      const method = init?.method ?? "GET";
+
+      if (url === "/api/auth/me" && method === "GET") {
+        return Promise.resolve(
+          new Response(
+            JSON.stringify({ id: "user-b", email: "user-b@example.com", tokenVersion: 1 }),
+            {
+              status: 200,
+              headers: { "Content-Type": "application/json" },
+            },
+          ),
+        );
+      }
+
+      return Promise.resolve(new Response(null, { status: 200 }));
+    });
+
+    vi.stubGlobal("fetch", fetchMock as any);
+
+    render(<EditorPage />);
+
+    await waitFor(() => {
+      expect(fetchMock).toHaveBeenCalled();
+    });
+
+    expect(mockState.replaceBlocks).not.toHaveBeenCalled();
+    expect(mockState.updateProjectConfig).not.toHaveBeenCalled();
+    // 다른 유저의 autosave 는 무시되므로 history 초기화도 호출되지 않아야 한다.
+    expect(mockState.resetHistory).not.toHaveBeenCalled();
   });
 });