테스트 오류 수정

tests/e2e/preview.spec.ts

@@ -297,7 +297,10 @@ test("폼 입력/셀렉트 블록도 FormBlock 없이 프리뷰에서 보여야
   await expect(editorCanvas.getByText("Select field")).toBeVisible();
 
   // FormBlock 은 추가하지 않은 상태에서 바로 프리뷰로 이동한다.
-  await page.getByRole("link", { name: "Open preview" }).click();
+  await Promise.all([
+    page.waitForURL(/\/preview/),
+    page.getByRole("link", { name: "Open preview" }).click(),
+  ]);
 
   await expect(page.getByRole("heading", { name: "Page Preview" })).toBeVisible();
 
@@ -506,7 +509,11 @@ test("폼 입력 고정 너비가 프리뷰에서도 em 스케일로 반영되
   await propertiesSidebar.getByRole("combobox", { name: "Width", exact: true }).selectOption("fixed");
   await propertiesSidebar.getByLabel("Field fixed width 커스텀").fill("320");
 
-  await page.getByRole("link", { name: "Open preview" }).click();
+  await Promise.all([
+    page.waitForURL(/\/preview/),
+    page.getByRole("link", { name: "Open preview" }).click(),
+  ]);
+
   await expect(page.getByRole("heading", { name: "Page Preview" })).toBeVisible();
 
   const input = page.getByRole("textbox").first();
@@ -972,11 +979,19 @@ test("폼 입력 가로 패딩 px 입력이 프리뷰에서도 em 스케일로
 
   await page.getByRole("button", { name: "Input field" }).click();
 
+  const paddingEditorCanvas = page.getByTestId("editor-canvas");
+  const paddingEditorBlocks = paddingEditorCanvas.getByTestId("editor-block");
+  await paddingEditorBlocks.last().click({ force: true });
+
   const paddingSidebar = page.getByTestId("properties-sidebar");
 
   await paddingSidebar.getByLabel("Field horizontal padding 커스텀").fill("28");
 
-  await page.getByRole("link", { name: "Open preview" }).click();
+  await Promise.all([
+    page.waitForURL(/\/preview/),
+    page.getByRole("link", { name: "Open preview" }).click(),
+  ]);
+
   await expect(page.getByRole("heading", { name: "Page Preview" })).toBeVisible();
 
   const horizontalInput = page.getByTestId("preview-form-input").first();
@@ -1000,11 +1015,19 @@ test("폼 입력 세로 패딩 px 입력이 프리뷰에서도 em 스케일로
 
   await page.getByRole("button", { name: "Input field" }).click();
 
+  const verticalPaddingEditorCanvas = page.getByTestId("editor-canvas");
+  const verticalPaddingEditorBlocks = verticalPaddingEditorCanvas.getByTestId("editor-block");
+  await verticalPaddingEditorBlocks.last().click({ force: true });
+
   const paddingSidebar = page.getByTestId("properties-sidebar");
 
   await paddingSidebar.getByLabel("Field vertical padding 커스텀").fill("18");
 
-  await page.getByRole("link", { name: "Open preview" }).click();
+  await Promise.all([
+    page.waitForURL(/\/preview/),
+    page.getByRole("link", { name: "Open preview" }).click(),
+  ]);
+
   await expect(page.getByRole("heading", { name: "Page Preview" })).toBeVisible();
 
   const verticalInput = page.getByTestId("preview-form-input").first();
@@ -1241,6 +1264,11 @@ test("폼 셀렉트 가로 패딩 px 입력이 프리뷰에서도 em 스케일
 
   await page.getByRole("button", { name: "Select field" }).click();
 
+  // 방금 추가한 셀렉트 블록이 선택되어 FormSelectPropertiesPanel 이 활성화되도록 보장한다.
+  const editorCanvas = page.getByTestId("editor-canvas");
+  const editorBlocks = editorCanvas.getByTestId("editor-block");
+  await editorBlocks.last().click({ force: true });
+
   const propertiesSidebar = page.getByTestId("properties-sidebar");
 
   await propertiesSidebar.getByLabel("Select horizontal padding 커스텀").fill("24");