i18n 적용

tests/unit/DividerPropertiesPanel.spec.tsx

@@ -32,7 +32,7 @@ describe("DividerPropertiesPanel", () => {
       />,
     );
 
-    const select = screen.getByLabelText("구분선 정렬");
+    const select = screen.getByLabelText("Divider alignment");
     fireEvent.change(select, { target: { value: "center" } });
 
     expect(updateBlock).toHaveBeenCalledWith(
@@ -52,7 +52,7 @@ describe("DividerPropertiesPanel", () => {
       />,
     );
 
-    const select = screen.getByLabelText("구분선 두께");
+    const select = screen.getByLabelText("Divider thickness");
     fireEvent.change(select, { target: { value: "medium" } });
 
     expect(updateBlock).toHaveBeenCalledWith(
@@ -72,7 +72,7 @@ describe("DividerPropertiesPanel", () => {
       />,
     );
 
-    const select = screen.getByLabelText("구분선 길이 모드");
+    const select = screen.getByLabelText("Divider length mode");
     fireEvent.change(select, { target: { value: "fixed" } });
 
     expect(updateBlock).toHaveBeenCalledWith(
@@ -92,7 +92,7 @@ describe("DividerPropertiesPanel", () => {
       />,
     );
 
-    const widthInput = screen.getByLabelText("고정 길이 (px) 커스텀 (px)");
+    const widthInput = screen.getByLabelText("Fixed length (px) 커스텀 (px)");
     fireEvent.change(widthInput, { target: { value: "480" } });
 
     expect(updateBlock).toHaveBeenCalledWith(
@@ -112,7 +112,7 @@ describe("DividerPropertiesPanel", () => {
       />,
     );
 
-    const hexInputs = screen.getAllByLabelText("구분선 색상 HEX");
+    const hexInputs = screen.getAllByLabelText("Divider color HEX");
     const hexInput = hexInputs[0] as HTMLInputElement;
     fireEvent.change(hexInput, { target: { value: "#123456" } });
 
@@ -133,7 +133,7 @@ describe("DividerPropertiesPanel", () => {
       />,
     );
 
-    const marginInputs = screen.getAllByLabelText("위/아래 여백 커스텀 (px)");
+    const marginInputs = screen.getAllByLabelText("Vertical margin 커스텀 (px)");
     const marginInput = marginInputs[0] as HTMLInputElement;
 
     fireEvent.change(marginInput, { target: { value: "24" } });
@@ -155,7 +155,7 @@ describe("DividerPropertiesPanel", () => {
       />,
     );
 
-    const alignSelect = screen.getByLabelText("구분선 정렬") as HTMLSelectElement;
+    const alignSelect = screen.getByLabelText("Divider alignment") as HTMLSelectElement;
     const alignClass = alignSelect.getAttribute("class") ?? "";
     expect(alignClass).toContain("bg-white");
     expect(alignClass).toContain("text-slate-900");
@@ -164,7 +164,7 @@ describe("DividerPropertiesPanel", () => {
     expect(alignClass).toContain("dark:text-slate-100");
     expect(alignClass).toContain("dark:border-slate-700");
 
-    const thicknessSelect = screen.getByLabelText("구분선 두께") as HTMLSelectElement;
+    const thicknessSelect = screen.getByLabelText("Divider thickness") as HTMLSelectElement;
     const thicknessClass = thicknessSelect.getAttribute("class") ?? "";
     expect(thicknessClass).toContain("bg-white");
     expect(thicknessClass).toContain("text-slate-900");
@@ -173,7 +173,7 @@ describe("DividerPropertiesPanel", () => {
     expect(thicknessClass).toContain("dark:text-slate-100");
     expect(thicknessClass).toContain("dark:border-slate-700");
 
-    const widthModeSelect = screen.getByLabelText("구분선 길이 모드") as HTMLSelectElement;
+    const widthModeSelect = screen.getByLabelText("Divider length mode") as HTMLSelectElement;
     const widthModeClass = widthModeSelect.getAttribute("class") ?? "";
     expect(widthModeClass).toContain("bg-white");
     expect(widthModeClass).toContain("text-slate-900");