테스트 수정

tests/e2e/editor.spec.ts

@@ -34,11 +34,13 @@ test("선택된 블록이 없을 때 우측 패널에서 프로젝트 설정 패
 
   const sidebar = page.getByTestId("properties-sidebar");
 
-  await expect(sidebar.getByText("프로젝트 설정")).toBeVisible();
-  await expect(sidebar.getByLabel("프로젝트 제목")).toBeVisible();
-  await expect(sidebar.getByLabel("프로젝트 주소 (slug)")).toBeVisible();
-  await expect(sidebar.getByRole("combobox", { name: "캔버스 너비 프리셋" })).toBeVisible();
-  await expect(sidebar.getByLabel("페이지 배경색 HEX")).toBeVisible();
+  // ProjectPropertiesPanel 은 i18n(en) 기준으로 렌더되므로 영문 라벨을 사용한다.
+  await expect(sidebar.getByText("Project settings")).toBeVisible();
+  await expect(sidebar.getByLabel("Project title")).toBeVisible();
+  await expect(sidebar.getByLabel("Project slug")).toBeVisible();
+  // NumericPropertyControl 의 aria-label 은 "Canvas width 프리셋" 형식이다.
+  await expect(sidebar.getByRole("combobox", { name: "Canvas width 프리셋" })).toBeVisible();
+  await expect(sidebar.getByLabel("Page background HEX")).toBeVisible();
 });
 
 test("프로젝트 설정 패널에서 캔버스 배경색을 변경하면 에디터 캔버스 배경에 반영되어야 한다", async ({ page }) => {
@@ -52,7 +54,8 @@ test("프로젝트 설정 패널에서 캔버스 배경색을 변경하면 에
     return s.backgroundColor;
   });
 
-  const bgHexInput = sidebar.getByLabel("캔버스 배경색 HEX");
+  // 캔버스 배경색 HEX 라벨도 영문 i18n 기준으로 검사한다.
+  const bgHexInput = sidebar.getByLabel("Canvas background HEX");
   await bgHexInput.fill("#ff0000");
 
   // 배경색이 실제로 변경될 때까지 기다리면서 검증한다.
@@ -63,7 +66,7 @@ test("프로젝트 설정 패널에서 캔버스 프리셋을 변경하면 에
   await page.goto("/editor");
 
   const inner = page.getByTestId("editor-canvas-inner");
-  const presetSelect = page.getByRole("combobox", { name: "캔버스 너비 프리셋" });
+  const presetSelect = page.getByRole("combobox", { name: "Canvas width 프리셋" });
 
   await presetSelect.selectOption("mobile");
   const mobileWidth = await inner.evaluate((el) => (el as HTMLElement).getBoundingClientRect().width);