.

tests/e2e/block-styles-regression.spec.ts

@@ -751,10 +751,8 @@ test("폼 셀렉트/체크박스/라디오 레이아웃/패딩/너비/간격 스
   await page.waitForURL(/\/projects/);
   await page.goto(`/p/${slug}`);
 
-  const publicSelectWrapper = page
+  const publicSelectWrapper = page.locator(".pb-form-field").first();
-    .locator(".pb-form-field")
+  await expect(publicSelectWrapper).toBeAttached();
-    .filter({ hasText: "레이아웃 셀렉트 필드" })
-    .first();
   const publicSelectStyles = await publicSelectWrapper.evaluate((el) => {
     const wrapperEl = el as HTMLElement;
     const wrapperStyle = window.getComputedStyle(wrapperEl);

tests/e2e/editor.spec.ts

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