i18n 적용

tests/unit/ListPropertiesPanel.spec.tsx

@@ -26,7 +26,7 @@ describe("ListPropertiesPanel", () => {
       />,
     );
 
-    const textarea = screen.getByLabelText("리스트 아이템들");
+    const textarea = screen.getByLabelText("List items");
     fireEvent.change(textarea, { target: { value: "첫째\n둘째" } });
 
     expect(updateBlock).toHaveBeenCalledWith(
@@ -49,7 +49,7 @@ describe("ListPropertiesPanel", () => {
       />,
     );
 
-    const select = screen.getByLabelText("리스트 정렬");
+    const select = screen.getByLabelText("List alignment");
     fireEvent.change(select, { target: { value: "center" } });
 
     expect(updateBlock).toHaveBeenCalledWith(
@@ -70,7 +70,7 @@ describe("ListPropertiesPanel", () => {
       />,
     );
 
-    const slider = screen.getByLabelText("글자 크기 (px) 슬라이더");
+    const slider = screen.getByLabelText("Font size (px) 슬라이더");
     fireEvent.change(slider, { target: { value: "20" } });
 
     expect(updateBlock).toHaveBeenCalledWith(
@@ -91,7 +91,7 @@ describe("ListPropertiesPanel", () => {
       />,
     );
 
-    const slider = screen.getByLabelText("줄 간격 슬라이더");
+    const slider = screen.getByLabelText("Line height 슬라이더");
     fireEvent.change(slider, { target: { value: "1.8" } });
 
     expect(updateBlock).toHaveBeenCalledWith(
@@ -112,7 +112,7 @@ describe("ListPropertiesPanel", () => {
       />,
     );
 
-    const hexInput = screen.getByLabelText("리스트 텍스트 색상 HEX");
+    const hexInput = screen.getByLabelText("List text color HEX");
     fireEvent.change(hexInput, { target: { value: "#112233" } });
 
     expect(updateBlock).toHaveBeenCalledWith(
@@ -121,7 +121,7 @@ describe("ListPropertiesPanel", () => {
     );
   });
 
-	it("텍스트 색상 팔레트에서 \"없음\" 을 선택하면 textColorCustom 이 빈 문자열로 업데이트되어야 한다", () => {
+	it("텍스트 색상 팔레트에서 \"None\" 을 선택하면 textColorCustom 이 빈 문자열로 업데이트되어야 한다", () => {
 		const updateBlock = vi.fn();
 
 		render(
@@ -134,11 +134,11 @@ describe("ListPropertiesPanel", () => {
 		);
 
 		// 첫 번째 ColorPickerField(텍스트 색상)의 팔레트 버튼을 연다.
-		const paletteButtons = screen.getAllByText("색상 팔레트");
+		const paletteButtons = screen.getAllByText("Color palette");
 		fireEvent.click(paletteButtons[0].closest("button") as HTMLButtonElement);
 
-		// 팔레트에서 "없음" 항목을 버튼 role 기준으로 선택한다 (불릿 스타일 select 의 option "없음" 과 구분).
-		const noneButtons = screen.getAllByRole("button", { name: "없음" });
+		// 팔레트에서 "None" 항목을 버튼 role 기준으로 선택한다 (불릿 스타일 select 의 option "none" 과 구분).
+		const noneButtons = screen.getAllByRole("button", { name: "None" });
 		fireEvent.click(noneButtons[0]);
 
 		expect(updateBlock).toHaveBeenCalledWith(
@@ -159,7 +159,7 @@ describe("ListPropertiesPanel", () => {
 			/>,
 		);
 
-		const hexInput = screen.getByLabelText("리스트 텍스트 색상 HEX") as HTMLInputElement;
+		const hexInput = screen.getByLabelText("List text color HEX") as HTMLInputElement;
 		expect(hexInput.value).toBe("");
 	});
 
@@ -175,7 +175,7 @@ describe("ListPropertiesPanel", () => {
       />,
     );
 
-    const select = screen.getByLabelText("리스트 불릿 스타일");
+    const select = screen.getByLabelText("List bullet style");
     fireEvent.change(select, { target: { value: "decimal" } });
 
     expect(updateBlock).toHaveBeenCalledWith(
@@ -196,7 +196,7 @@ describe("ListPropertiesPanel", () => {
       />,
     );
 
-    const select = screen.getByLabelText("리스트 불릿 스타일");
+    const select = screen.getByLabelText("List bullet style");
     fireEvent.change(select, { target: { value: "none" } });
 
     expect(updateBlock).toHaveBeenCalledWith(
@@ -217,7 +217,7 @@ describe("ListPropertiesPanel", () => {
       />,
     );
 
-    const slider = screen.getByLabelText("아이템 간 여백 (px) 슬라이더");
+    const slider = screen.getByLabelText("Item gap (px) 슬라이더");
     fireEvent.change(slider, { target: { value: "16" } });
 
     expect(updateBlock).toHaveBeenCalledWith(
@@ -238,7 +238,7 @@ describe("ListPropertiesPanel", () => {
       />,
     );
 
-    const select = screen.getByLabelText("리스트 정렬") as HTMLSelectElement;
+    const select = screen.getByLabelText("List alignment") as HTMLSelectElement;
     const className = select.getAttribute("class") ?? "";
 
     expect(className).toContain("bg-white");
@@ -261,7 +261,7 @@ describe("ListPropertiesPanel", () => {
       />,
     );
 
-    const select = screen.getByLabelText("리스트 불릿 스타일") as HTMLSelectElement;
+    const select = screen.getByLabelText("List bullet style") as HTMLSelectElement;
     const className = select.getAttribute("class") ?? "";
 
     expect(className).toContain("bg-white");
@@ -284,7 +284,7 @@ describe("ListPropertiesPanel", () => {
       />,
     );
 
-    const textarea = screen.getByLabelText("리스트 아이템들") as HTMLTextAreaElement;
+    const textarea = screen.getByLabelText("List items") as HTMLTextAreaElement;
     const className = textarea.getAttribute("class") ?? "";
 
     // 라이트 모드: 흰 배경 + 어두운 텍스트