i18n 적용

tests/unit/ImagePropertiesPanel.spec.tsx

@@ -30,7 +30,7 @@ describe("ImagePropertiesPanel", () => {
       />,
     );
 
-    const hexInput = screen.getByLabelText("이미지 카드 배경색 HEX");
+    const hexInput = screen.getByLabelText("Image card background color HEX");
     fireEvent.change(hexInput, { target: { value: "#112233" } });
 
     expect(updateBlock).toHaveBeenCalledWith(
@@ -55,7 +55,7 @@ describe("ImagePropertiesPanel", () => {
       />,
     );
 
-    const select = screen.getByLabelText("이미지 소스");
+    const select = screen.getByLabelText("Image source");
     fireEvent.change(select, { target: { value: "url" } });
 
     expect(updateBlock).toHaveBeenCalledWith(
@@ -80,7 +80,7 @@ describe("ImagePropertiesPanel", () => {
       />,
     );
 
-    const urlInput = screen.getByLabelText("이미지 URL");
+    const urlInput = screen.getByLabelText("Image URL");
     fireEvent.change(urlInput, { target: { value: "https://example.com/after.png" } });
 
     expect(updateBlock).toHaveBeenCalledWith(
@@ -104,7 +104,7 @@ describe("ImagePropertiesPanel", () => {
       />,
     );
 
-    const altInput = screen.getByLabelText("대체 텍스트");
+    const altInput = screen.getByLabelText("Alt text");
     fireEvent.change(altInput, { target: { value: "새 대체 텍스트" } });
 
     expect(updateBlock).toHaveBeenCalledWith(
@@ -124,7 +124,7 @@ describe("ImagePropertiesPanel", () => {
       />,
     );
 
-    const select = screen.getByLabelText("이미지 정렬");
+    const select = screen.getByLabelText("Image alignment");
     fireEvent.change(select, { target: { value: "left" } });
 
     expect(updateBlock).toHaveBeenCalledWith(
@@ -144,7 +144,7 @@ describe("ImagePropertiesPanel", () => {
       />,
     );
 
-    const select = screen.getByLabelText("이미지 너비 모드");
+    const select = screen.getByLabelText("Image width mode");
     fireEvent.change(select, { target: { value: "fixed" } });
 
     expect(updateBlock).toHaveBeenCalledWith(
@@ -164,7 +164,7 @@ describe("ImagePropertiesPanel", () => {
       />,
     );
 
-    const slider = screen.getByLabelText("고정 너비 (px) 슬라이더");
+    const slider = screen.getByLabelText("Fixed width (px) 슬라이더");
     fireEvent.change(slider, { target: { value: "480" } });
 
     expect(updateBlock).toHaveBeenCalledWith(
@@ -184,7 +184,7 @@ describe("ImagePropertiesPanel", () => {
       />,
     );
 
-    const slider = screen.getByLabelText("모서리 둥글기 슬라이더");
+    const slider = screen.getByLabelText("Border radius 슬라이더");
     fireEvent.change(slider, { target: { value: "24" } });
 
     expect(updateBlock).toHaveBeenCalledWith(
@@ -204,7 +204,7 @@ describe("ImagePropertiesPanel", () => {
       />,
     );
 
-    const sourceSelect = screen.getByLabelText("이미지 소스") as HTMLSelectElement;
+    const sourceSelect = screen.getByLabelText("Image source") as HTMLSelectElement;
     const sourceClass = sourceSelect.getAttribute("class") ?? "";
     expect(sourceClass).toContain("bg-white");
     expect(sourceClass).toContain("text-slate-900");
@@ -213,7 +213,7 @@ describe("ImagePropertiesPanel", () => {
     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("Image URL") as HTMLInputElement;
     const urlClass = urlInput.getAttribute("class") ?? "";
     expect(urlClass).toContain("bg-white");
     expect(urlClass).toContain("text-slate-900");
@@ -222,7 +222,7 @@ describe("ImagePropertiesPanel", () => {
     expect(urlClass).toContain("dark:text-slate-100");
     expect(urlClass).toContain("dark:border-slate-700");
 
-    const alignSelect = screen.getByLabelText("이미지 정렬") as HTMLSelectElement;
+    const alignSelect = screen.getByLabelText("Image alignment") as HTMLSelectElement;
     const alignClass = alignSelect.getAttribute("class") ?? "";
     expect(alignClass).toContain("bg-white");
     expect(alignClass).toContain("text-slate-900");