src/app/editor/page.tsx

@@ -899,7 +899,8 @@ function EditorPageInner() {
     const titleRaw = projectConfig?.title;
     const title = (typeof titleRaw === "string" ? titleRaw.trim() : "") || "제목 없음";
 
-    const intervalMs = 20000;
+    const intervalEnv = process.env.NEXT_PUBLIC_EDITOR_SERVER_AUTOSAVE_MS;
+    const intervalMs = intervalEnv ? Number(intervalEnv) || 20000 : 20000;
     let cancelled = false;
 
     const saveOnce = async () => {

tests/unit/EditorServerAutosave.spec.tsx

@@ -69,14 +69,13 @@ beforeEach(() => {
 
   window.localStorage.clear();
   searchParamsSlug = null;
-
+  (process.env as any).NEXT_PUBLIC_EDITOR_SERVER_AUTOSAVE_MS = "10";
-  vi.useFakeTimers();
 });
 
 afterEach(() => {
   cleanup();
-  vi.useRealTimers();
   vi.unstubAllGlobals();
+  delete (process.env as any).NEXT_PUBLIC_EDITOR_SERVER_AUTOSAVE_MS;
 });
 
 vi.mock("@/features/editor/state/editorStore", () => {
@@ -153,8 +152,6 @@ describe("EditorPage - 서버 자동 저장", () => {
       ).toBe(true);
     });
 
-    await vi.advanceTimersByTimeAsync(20000);
-
     await waitFor(() => {
       expect(
         fetchMock.mock.calls.some(
@@ -199,8 +196,6 @@ describe("EditorPage - 서버 자동 저장", () => {
       ).toBe(true);
     });
 
-    await vi.advanceTimersByTimeAsync(20000);
-
     const projectCalls = fetchMock.mock.calls.filter(
       ([url, options]: any[]) => url === "/api/projects" && (options?.method ?? "GET") === "POST",
     );
@@ -272,7 +267,14 @@ describe("EditorPage - 서버 자동 저장", () => {
       ).toBe(true);
     });
 
-    await vi.advanceTimersByTimeAsync(20000);
+    await waitFor(() => {
+      expect(
+        fetchMock.mock.calls.some(
+          ([url, options]: any[]) =>
+            url === "/api/projects" && (options?.method ?? "GET") === "POST",
+        ),
+      ).toBe(true);
+    });
 
     const projectCall = fetchMock.mock.calls.find(
       ([url, options]: any[]) => url === "/api/projects" && (options?.method ?? "GET") === "POST",

tests/unit/FormControllerPanel.spec.tsx

@@ -178,7 +178,7 @@ describe("FormControllerPanel", () => {
     ).toBeTruthy();
   });
 
-  it("Google Sheets 가이드 모달의 Apps Script 코드가 컨트롤러에 매핑된 전송 키와 작성일시를 포함해야 한다", () => {
+  it("Google Sheets 가이드 모달의 Apps Script 코드가 컨트롤러에 매핑된 전송 키와 작성일시를 포함해야 한다", async () => {
     const formBlock = makeFormBlock("form-webhook", {
       submitTarget: "webhook",
       fieldIds: ["input-name", "input-email"],
@@ -214,9 +214,9 @@ describe("FormControllerPanel", () => {
     );
 
     const guideButton = screen.getByRole("button", { name: "Google Sheets 연동 가이드" });
-    guideButton.click();
+    fireEvent.click(guideButton);
 
-    const scriptTextarea = screen.getByDisplayValue(/function doPost/) as HTMLTextAreaElement;
+    const scriptTextarea = (await screen.findByDisplayValue(/function doPost/)) as HTMLTextAreaElement;
 
     expect(scriptTextarea.value).toContain("params.name || \"\"");
     expect(scriptTextarea.value).toContain("params.email || \"\"");

uploads/556b2e0b-9206-4921-a394-f8b1e1210b3b

@@ -0,0 +1 @@
+dummy-video

uploads/test-image-1765104411326

@@ -0,0 +1 @@
+dummy-image

uploads/test-section-bg-1765104411346

@@ -0,0 +1 @@
+dummy-image

uploads/test-section-bg-video-1765104411371

@@ -0,0 +1 @@
+dummy-section-video

uploads/test-video-1765104411365

@@ -0,0 +1 @@
+dummy-video

uploads/test-video-poster-1765104411337

@@ -0,0 +1 @@
+dummy-poster