i18n 적용

tests/unit/PropertiesSidebar.spec.tsx

@@ -52,8 +52,8 @@ describe("PropertiesSidebar HELP 튜토리얼 모달", () => {
     const helpButton = screen.getByRole("button", { name: "HELP" });
     fireEvent.click(helpButton);
 
-    expect(screen.getByText("텍스트 블록 튜토리얼")).toBeDefined();
-    expect(screen.getByText(/제목과 본문 텍스트를 입력할 때 사용하는 기본 블록입니다/)).toBeDefined();
+    expect(screen.getByText("Text block tutorial")).toBeDefined();
+    expect(screen.getByText(/basic block for headings and body text/i)).toBeDefined();
   });
 
   it("HELP 모달은 라이트/다크 테마에 맞는 카드 배경/테두리/텍스트 클래스를 사용해야 한다", () => {
@@ -65,7 +65,7 @@ describe("PropertiesSidebar HELP 튜토리얼 모달", () => {
     fireEvent.click(helpButton);
 
     // 모달 카드 컨테이너 (제목 h3 → 헤더 div → 카드 div 순으로 감싸져 있으므로 parentElement.parentElement 사용)
-    const heading = screen.getByText("텍스트 블록 튜토리얼");
+    const heading = screen.getByText("Text block tutorial");
     const modalCard = heading.parentElement?.parentElement as HTMLElement | null;
     expect(modalCard).not.toBeNull();
     const className = modalCard!.getAttribute("class") ?? "";
@@ -88,7 +88,7 @@ describe("PropertiesSidebar HELP 튜토리얼 모달", () => {
     const helpButton = screen.getByRole("button", { name: "HELP" });
     fireEvent.click(helpButton);
 
-    const closeButton = screen.getByRole("button", { name: "닫기" });
+    const closeButton = screen.getByRole("button", { name: "Close" });
     fireEvent.click(closeButton);
 
     expect(screen.queryByText("텍스트 블록 튜토리얼")).toBeNull();
@@ -99,8 +99,8 @@ describe("PropertiesSidebar HELP 튜토리얼 모달", () => {
 
     render(<PropertiesSidebar {...defaultProps([textBlock], textBlock.id)} />);
 
-    const deleteButton = screen.getByRole("button", { name: "블록 삭제" });
-    const duplicateButton = screen.getByRole("button", { name: "블록 복제" });
+    const deleteButton = screen.getByRole("button", { name: "Delete block" });
+    const duplicateButton = screen.getByRole("button", { name: "Duplicate block" });
     const helpButton = screen.getByRole("button", { name: "HELP" });
 
     for (const btn of [deleteButton, duplicateButton, helpButton]) {
@@ -119,7 +119,7 @@ describe("PropertiesSidebar HELP 튜토리얼 모달", () => {
 
     render(<PropertiesSidebar {...defaultProps([textBlock], textBlock.id)} />);
 
-    const textarea = screen.getByLabelText("선택한 텍스트 블록 내용") as HTMLTextAreaElement;
+    const textarea = screen.getByLabelText("Selected text block content") as HTMLTextAreaElement;
     const className = textarea.getAttribute("class") ?? "";
 
     // 라이트 모드: 흰 배경 + 어두운 텍스트