테마 적용

2025-12-09 18:53:21 +09:00
parent 9d8c4538c7
commit 676e58cad7
71 changed files with 3394 additions and 498 deletions
@@ -293,4 +293,43 @@ describe("VideoPropertiesPanel", () => {
      expect.objectContaining({ captionText: "새 캡션 텍스트" }),
    );
  });
+
+  it("VideoPropertiesPanel 주요 인풋/셀렉트 컨트롤은 라이트/다크 듀얼 테마 크롬을 사용해야 한다", () => {
+    const updateBlock = vi.fn();
+
+    render(
+      <VideoPropertiesPanel
+        videoProps={{ ...baseProps, sourceType: "externalUrl" } as any}
+        selectedBlockId="video-theme-1"
+        updateBlock={updateBlock}
+      />,
+    );
+
+    const sourceSelect = screen.getByLabelText("비디오 소스") as HTMLSelectElement;
+    const sourceClass = sourceSelect.getAttribute("class") ?? "";
+    expect(sourceClass).toContain("bg-white");
+    expect(sourceClass).toContain("text-slate-900");
+    expect(sourceClass).toContain("border-slate-300");
+    expect(sourceClass).toContain("dark:bg-slate-900");
+    expect(sourceClass).toContain("dark:text-slate-100");
+    expect(sourceClass).toContain("dark:border-slate-700");
+
+    const urlInput = screen.getByLabelText("비디오 URL") as HTMLInputElement;
+    const urlClass = urlInput.getAttribute("class") ?? "";
+    expect(urlClass).toContain("bg-white");
+    expect(urlClass).toContain("text-slate-900");
+    expect(urlClass).toContain("border-slate-300");
+    expect(urlClass).toContain("dark:bg-slate-900");
+    expect(urlClass).toContain("dark:text-slate-100");
+    expect(urlClass).toContain("dark:border-slate-700");
+
+    const alignSelect = screen.getByLabelText("비디오 정렬") as HTMLSelectElement;
+    const alignClass = alignSelect.getAttribute("class") ?? "";
+    expect(alignClass).toContain("bg-white");
+    expect(alignClass).toContain("text-slate-900");
+    expect(alignClass).toContain("border-slate-300");
+    expect(alignClass).toContain("dark:bg-slate-900");
+    expect(alignClass).toContain("dark:text-slate-100");
+    expect(alignClass).toContain("dark:border-slate-700");
+  });
 });