jaybe/page-builder
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

오류 수정
CI / test (push) Failing after 5m41s
Details
CI / e2e (push) Has been skipped
Details
CI / pr_and_merge (push) Has been skipped
Details

Browse Source
This commit is contained in:
Jaybe
2025-12-12 18:04:31 +09:00
parent 6804665b95
commit 4840a530b6
205 changed files with 1802 additions and 9887 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/e2e/form-editor-preview-parity.spec.ts
+34 -34
View File
@@ -21,15 +21,15 @@ test("formInput: 에디터 캔버스와 프리뷰에서 높이/패딩/색상이
const canvas = page.getByTestId("editor-canvas");
const sidebar = page.getByTestId("properties-sidebar");
await page.getByRole("button", { name: "입력(Input)" }).click();
await page.getByRole("button", { name: "Input field" }).click();
await sidebar.getByRole("textbox", { name: "필드 라벨" }).fill("에디터-프리뷰 인풋");
await sidebar.getByLabel("텍스트 정렬").selectOption("center");
await sidebar.getByRole("combobox", { name: "너비", exact: true }).selectOption("fixed");
await sidebar.getByLabel("필드 고정 너비 커스텀 (px)").fill("320");
await sidebar.getByLabel("필드 텍스트 색상 HEX").fill("#ff0000");
await sidebar.getByLabel("필드 채움 색상 HEX").fill("#00ff88");
await sidebar.getByLabel("필드 테두리 색상 HEX").fill("#0000ff");
await sidebar.getByRole("textbox", { name: "Field label" }).fill("에디터-프리뷰 인풋");
await sidebar.getByLabel("Text alignment").selectOption("center");
await sidebar.getByRole("combobox", { name: "Width", exact: true }).selectOption("fixed");
await sidebar.getByLabel("Field fixed width 커스텀").fill("320");
await sidebar.getByLabel("Field text color HEX").fill("#ff0000");
await sidebar.getByLabel("Field fill color HEX").fill("#00ff88");
await sidebar.getByLabel("Field border color HEX").fill("#0000ff");
const editorInput = canvas.getByRole("textbox", { name: "에디터-프리뷰 인풋" });
const editorStyles = await editorInput.evaluate((el) => {
@@ -57,7 +57,7 @@ test("formInput: 에디터 캔버스와 프리뷰에서 높이/패딩/색상이
await Promise.all([
page.waitForURL(/\/preview/),
page.getByRole("link", { name: "프리뷰 열기" }).click(),
page.getByRole("link", { name: "Open preview" }).click(),
]);
await expect(page.getByRole("heading", { name: "Page Preview" })).toBeVisible();
@@ -114,14 +114,14 @@ test("formSelect: 에디터 캔버스와 프리뷰에서 높이/패딩/색상이
const canvas = page.getByTestId("editor-canvas");
const sidebar = page.getByTestId("properties-sidebar");
await page.getByRole("button", { name: "셀렉트(Select)" }).click();
await page.getByRole("button", { name: "Select field" }).click();
await sidebar.getByRole("textbox", { name: "필드 라벨" }).fill("에디터-프리뷰 셀렉트");
await sidebar.getByLabel("필드 너비").selectOption("fixed");
await sidebar.getByLabel("필드 고정 너비 커스텀 (px)").fill("360");
await sidebar.getByLabel("셀렉트 텍스트 색상 HEX").fill("#ff00ff");
await sidebar.getByLabel("셀렉트 채움 색상 HEX").fill("#0033ff");
await sidebar.getByLabel("셀렉트 테두리 색상 HEX").fill("#00ffaa");
await sidebar.getByRole("textbox", { name: "Field label" }).fill("에디터-프리뷰 셀렉트");
await sidebar.getByLabel("Field width").selectOption("fixed");
await sidebar.getByLabel("Field fixed width 커스텀").fill("360");
await sidebar.getByLabel("Select text color HEX").fill("#ff00ff");
await sidebar.getByLabel("Select fill color HEX").fill("#0033ff");
await sidebar.getByLabel("Select border color HEX").fill("#00ffaa");
const editorSelect = canvas.getByRole("combobox", { name: "에디터-프리뷰 셀렉트" });
const editorStyles = await editorSelect.evaluate((el) => {
@@ -148,7 +148,7 @@ test("formSelect: 에디터 캔버스와 프리뷰에서 높이/패딩/색상이
await Promise.all([
page.waitForURL(/\/preview/),
page.getByRole("link", { name: "프리뷰 열기" }).click(),
page.getByRole("link", { name: "Open preview" }).click(),
]);
await expect(page.getByRole("heading", { name: "Page Preview" })).toBeVisible();
@@ -203,15 +203,15 @@ test("formCheckbox/formRadio: 에디터 캔버스와 프리뷰에서 그룹 너
const canvas = page.getByTestId("editor-canvas");
const sidebar = page.getByTestId("properties-sidebar");
await page.getByRole("button", { name: "다중 선택(Checkbox)" }).click();
await page.getByRole("button", { name: "Checkbox group" }).click();
await sidebar.getByLabel("그룹 타이틀", { exact: true }).fill("에디터-프리뷰 체크 그룹");
await sidebar.getByLabel("그룹 타이틀 표시 방식").selectOption("visible");
await sidebar.getByLabel(/^레이아웃/).selectOption("inline");
await sidebar.getByLabel("라벨/필드 간격 (px) 커스텀 (px)").fill("32");
await sidebar.getByLabel("필드 너비").selectOption("fixed");
await sidebar.getByLabel("필드 고정 너비 커스텀 (px)").fill("360");
await sidebar.getByLabel("체크박스 옵션 간격 (px) 커스텀 (px)").fill("20");
await sidebar.getByLabel("Group title", { exact: true }).fill("에디터-프리뷰 체크 그룹");
await sidebar.getByLabel("Group title display mode").selectOption("visible");
await sidebar.getByLabel(/^Layout/).selectOption("inline");
await sidebar.getByLabel("Label/field gap 커스텀").fill("32");
await sidebar.getByLabel("Field width").selectOption("fixed");
await sidebar.getByLabel("Field fixed width 커스텀").fill("360");
await sidebar.getByLabel("Checkbox option gap 커스텀").fill("20");
const editorCheckboxLabel = canvas.getByText("에디터-프리뷰 체크 그룹");
const editorCheckboxData = await editorCheckboxLabel.evaluate((el) => {
const groupEl = (el as HTMLElement).parentElement as HTMLElement;
@@ -232,15 +232,15 @@ test("formCheckbox/formRadio: 에디터 캔버스와 프리뷰에서 그룹 너
};
});
await page.getByRole("button", { name: "단일 선택(Radio)" }).click();
await page.getByRole("button", { name: "Radio group" }).click();
await sidebar.getByLabel("그룹 타이틀", { exact: true }).fill("에디터-프리뷰 라디오 그룹");
await sidebar.getByLabel("그룹 타이틀 표시 방식").selectOption("visible");
await sidebar.getByLabel("그룹 타이틀 레이아웃").selectOption("inline");
await sidebar.getByLabel("라벨/필드 간격 (px) 커스텀 (px)").fill("32");
await sidebar.getByLabel("필드 너비").selectOption("fixed");
await sidebar.getByLabel("필드 고정 너비 커스텀 (px)").fill("360");
await sidebar.getByLabel("라디오 옵션 간격 (px) 커스텀 (px)").fill("20");
await sidebar.getByLabel("Group title", { exact: true }).fill("에디터-프리뷰 라디오 그룹");
await sidebar.getByLabel("Group title display mode").selectOption("visible");
await sidebar.getByLabel("Group title layout").selectOption("inline");
await sidebar.getByLabel("Label/field gap 커스텀").fill("32");
await sidebar.getByLabel("Field width").selectOption("fixed");
await sidebar.getByLabel("Field fixed width 커스텀").fill("360");
await sidebar.getByLabel("Radio option gap 커스텀").fill("20");
const editorRadioLabel = canvas.getByText("에디터-프리뷰 라디오 그룹");
const editorRadioData = await editorRadioLabel.evaluate((el) => {
const groupEl = (el as HTMLElement).parentElement as HTMLElement;
@@ -263,7 +263,7 @@ test("formCheckbox/formRadio: 에디터 캔버스와 프리뷰에서 그룹 너
await Promise.all([
page.waitForURL(/\/preview/),
page.getByRole("link", { name: "프리뷰 열기" }).click(),
page.getByRole("link", { name: "Open preview" }).click(),
]);
await expect(page.getByRole("heading", { name: "Page Preview" })).toBeVisible();