i18n 적용

tests/unit/VideoPropertiesPanel.spec.tsx

@@ -29,7 +29,7 @@ describe("VideoPropertiesPanel", () => {
       />,
     );
 
-    const urlInput = screen.getByLabelText("비디오 URL");
+    const urlInput = screen.getByLabelText("Video URL");
     fireEvent.change(urlInput, { target: { value: "https://example.com/video.mp4" } });
 
     expect(updateBlock).toHaveBeenCalledWith(
@@ -53,7 +53,7 @@ describe("VideoPropertiesPanel", () => {
       />,
     );
 
-    const select = screen.getByLabelText("비디오 정렬");
+    const select = screen.getByLabelText("Video alignment");
     fireEvent.change(select, { target: { value: "left" } });
 
     expect(updateBlock).toHaveBeenCalledWith(
@@ -73,7 +73,7 @@ describe("VideoPropertiesPanel", () => {
       />,
     );
 
-    const select = screen.getByLabelText("비디오 너비 모드");
+    const select = screen.getByLabelText("Video width mode");
     fireEvent.change(select, { target: { value: "fixed" } });
 
     expect(updateBlock).toHaveBeenCalledWith(
@@ -93,7 +93,7 @@ describe("VideoPropertiesPanel", () => {
       />,
     );
 
-    const select = screen.getByLabelText("화면 비율");
+    const select = screen.getByLabelText("Video aspect ratio");
     fireEvent.change(select, { target: { value: "4:3" } });
 
     expect(updateBlock).toHaveBeenCalledWith(
@@ -113,7 +113,7 @@ describe("VideoPropertiesPanel", () => {
       />, 
     );
 
-    const hexInput = screen.getByLabelText("비디오 카드 배경색 HEX");
+    const hexInput = screen.getByLabelText("Video card background color HEX");
     fireEvent.change(hexInput, { target: { value: "#123456" } });
 
     expect(updateBlock).toHaveBeenCalledWith(
@@ -133,7 +133,7 @@ describe("VideoPropertiesPanel", () => {
       />, 
     );
 
-    const slider = screen.getByLabelText("카드 패딩 슬라이더");
+    const slider = screen.getByLabelText("Card padding 슬라이더");
     fireEvent.change(slider, { target: { value: "24" } });
 
     expect(updateBlock).toHaveBeenCalledWith(
@@ -153,7 +153,7 @@ describe("VideoPropertiesPanel", () => {
       />, 
     );
 
-    const slider = screen.getByLabelText("카드 모서리 둥글기 슬라이더");
+    const slider = screen.getByLabelText("Card border radius 슬라이더");
     fireEvent.change(slider, { target: { value: "20" } });
 
     expect(updateBlock).toHaveBeenCalledWith(
@@ -181,7 +181,7 @@ describe("VideoPropertiesPanel", () => {
       />,
     );
 
-    const input = screen.getByLabelText("포스터 이미지 URL");
+    const input = screen.getByLabelText("Poster image URL");
     fireEvent.change(input, { target: { value: "https://example.com/poster-after.png" } });
 
     expect(updateBlock).toHaveBeenCalledWith(
@@ -205,7 +205,7 @@ describe("VideoPropertiesPanel", () => {
       />,
     );
 
-    const slider = screen.getByLabelText("시작 시점 (초) 슬라이더");
+    const slider = screen.getByLabelText("Start time (sec) 슬라이더");
     fireEvent.change(slider, { target: { value: "5" } });
 
     expect(updateBlock).toHaveBeenCalledWith(
@@ -225,7 +225,7 @@ describe("VideoPropertiesPanel", () => {
       />,
     );
 
-    const slider = screen.getByLabelText("종료 시점 (초) 슬라이더");
+    const slider = screen.getByLabelText("End time (sec) 슬라이더");
     fireEvent.change(slider, { target: { value: "15" } });
 
     expect(updateBlock).toHaveBeenCalledWith(
@@ -245,7 +245,7 @@ describe("VideoPropertiesPanel", () => {
       />,
     );
 
-    const input = screen.getByLabelText("비디오 제목");
+    const input = screen.getByLabelText("Video title");
     fireEvent.change(input, { target: { value: "새 비디오 제목" } });
 
     expect(updateBlock).toHaveBeenCalledWith(
@@ -265,7 +265,7 @@ describe("VideoPropertiesPanel", () => {
       />,
     );
 
-    const input = screen.getByLabelText("비디오 aria-label");
+    const input = screen.getByLabelText("Video aria-label");
     fireEvent.change(input, { target: { value: "새 aria-label" } });
 
     expect(updateBlock).toHaveBeenCalledWith(
@@ -285,7 +285,7 @@ describe("VideoPropertiesPanel", () => {
       />,
     );
 
-    const input = screen.getByLabelText("비디오 캡션 텍스트");
+    const input = screen.getByLabelText("Video caption text");
     fireEvent.change(input, { target: { value: "새 캡션 텍스트" } });
 
     expect(updateBlock).toHaveBeenCalledWith(
@@ -305,7 +305,7 @@ describe("VideoPropertiesPanel", () => {
       />,
     );
 
-    const sourceSelect = screen.getByLabelText("비디오 소스") as HTMLSelectElement;
+    const sourceSelect = screen.getByLabelText("Video source") as HTMLSelectElement;
     const sourceClass = sourceSelect.getAttribute("class") ?? "";
     expect(sourceClass).toContain("bg-white");
     expect(sourceClass).toContain("text-slate-900");
@@ -314,7 +314,7 @@ describe("VideoPropertiesPanel", () => {
     expect(sourceClass).toContain("dark:text-slate-100");
     expect(sourceClass).toContain("dark:border-slate-700");
 
-    const urlInput = screen.getByLabelText("비디오 URL") as HTMLInputElement;
+    const urlInput = screen.getByLabelText("Video URL") as HTMLInputElement;
     const urlClass = urlInput.getAttribute("class") ?? "";
     expect(urlClass).toContain("bg-white");
     expect(urlClass).toContain("text-slate-900");
@@ -323,7 +323,7 @@ describe("VideoPropertiesPanel", () => {
     expect(urlClass).toContain("dark:text-slate-100");
     expect(urlClass).toContain("dark:border-slate-700");
 
-    const alignSelect = screen.getByLabelText("비디오 정렬") as HTMLSelectElement;
+    const alignSelect = screen.getByLabelText("Video alignment") as HTMLSelectElement;
     const alignClass = alignSelect.getAttribute("class") ?? "";
     expect(alignClass).toContain("bg-white");
     expect(alignClass).toContain("text-slate-900");