1차 싱크 완료

tests/unit/FormControllerPanel.spec.tsx

@@ -0,0 +1,78 @@
+import { describe, it, expect, vi, afterEach } from "vitest";
+import { render, screen, fireEvent, cleanup } from "@testing-library/react";
+import { FormControllerPanel } from "@/app/editor/forms/FormControllerPanel";
+import type { Block, FormBlockProps } from "@/features/editor/state/editorStore";
+
+// FormControllerPanel 컨트롤 TDD
+// - 성공/에러 메시지 인풋이 updateBlock 을 통해 FormBlockProps.successMessage / errorMessage 를 갱신하는지 검증한다.
+
+function makeFormBlock(id: string, props: Partial<FormBlockProps> = {}): Block {
+  const base: FormBlockProps = {
+    kind: "contact",
+    submitTarget: "internal",
+    fieldIds: [],
+    submitButtonId: null,
+  } as any;
+
+  return {
+    id,
+    type: "form",
+    props: { ...base, ...props } as any,
+  } as any;
+}
+
+describe("FormControllerPanel", () => {
+  afterEach(() => {
+    cleanup();
+  });
+
+  it("성공 메시지 인풋 변경 시 updateBlock 이 successMessage 로 호출되어야 한다", () => {
+    const formBlock = makeFormBlock("form-1", {
+      successMessage: "기존 성공 메시지",
+    });
+
+    const updateBlock = vi.fn();
+
+    render(
+      <FormControllerPanel
+        block={formBlock}
+        blocks={[formBlock]}
+        selectedBlockId="form-1"
+        updateBlock={updateBlock}
+      />,
+    );
+
+    const input = screen.getByLabelText("성공 메시지");
+    fireEvent.change(input, { target: { value: "새 성공 메시지" } });
+
+    expect(updateBlock).toHaveBeenCalledWith(
+      "form-1",
+      expect.objectContaining({ successMessage: "새 성공 메시지" }),
+    );
+  });
+
+  it("에러 메시지 인풋 변경 시 updateBlock 이 errorMessage 로 호출되어야 한다", () => {
+    const formBlock = makeFormBlock("form-2", {
+      errorMessage: "기존 에러 메시지",
+    });
+
+    const updateBlock = vi.fn();
+
+    render(
+      <FormControllerPanel
+        block={formBlock}
+        blocks={[formBlock]}
+        selectedBlockId="form-2"
+        updateBlock={updateBlock}
+      />,
+    );
+
+    const input = screen.getByLabelText("에러 메시지");
+    fireEvent.change(input, { target: { value: "새 에러 메시지" } });
+
+    expect(updateBlock).toHaveBeenCalledWith(
+      "form-2",
+      expect.objectContaining({ errorMessage: "새 에러 메시지" }),
+    );
+  });
+});