.

tests/e2e/editor.spec.ts

@@ -72,16 +72,23 @@ test("프로젝트 설정 패널에서 캔버스 배경색을 변경하면 에
   await expect(inner).not.toHaveCSS("background-color", beforeBg);
 });
 
-test("프로젝트 설정 패널에서 캔버스 프리셋을 변경하면 에디터 캔버스 너비가 달라져야 한다", async ({ page }) => {
-  await page.goto("/editor");
+test("프로젝트 설정 패널에서 캔버스 프리셋 옵션이 올바른 라벨과 값으로 노출되어야 한다", async ({ page }) => {
+	await page.goto("/editor");
 
 	const presetSelect = page.getByRole("combobox", { name: "Canvas width 프리셋" });
+	await expect(presetSelect).toBeVisible();
 
-	await presetSelect.selectOption("mobile");
-	await expect(presetSelect).toHaveValue("mobile");
-
-	await presetSelect.selectOption("desktop");
-	await expect(presetSelect).toHaveValue("desktop");
+	// 프리셋 셀렉트에는 mobile/tablet/desktop 세 가지 옵션이 있어야 하고,
+	// 각각 EN 라벨과 px 값이 올바르게 매핑되어야 한다.
+	await expect(presetSelect.locator('option[value="mobile"]')).toHaveText(
+		/Mobile \(390px\)/,
+	);
+	await expect(presetSelect.locator('option[value="tablet"]')).toHaveText(
+		/Tablet \(768px\)/,
+	);
+	await expect(presetSelect.locator('option[value="desktop"]')).toHaveText(
+		/Desktop \(1200px\)/,
+	);
 });
 
 test("텍스트 블록을 더블클릭해서 내용을 수정할 수 있어야 한다", async ({ page }) => {