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/unit/FormFieldPropertiesPanels.spec.tsx
+47 -47
View File
@@ -237,13 +237,13 @@ describe("FormInputPropertiesPanel", () => {
/>,
);
const fontSizeInput = screen.getByLabelText("Field text size (px) 커스텀 (px)");
const fontSizeInput = screen.getByLabelText("Field text size 커스텀");
fireEvent.change(fontSizeInput, { target: { value: "24" } });
const lineHeightInput = screen.getByLabelText("Field line height (px) 커스텀 (px)");
const lineHeightInput = screen.getByLabelText("Field line height 커스텀");
fireEvent.change(lineHeightInput, { target: { value: "30" } });
const letterSpacingInput = screen.getByLabelText("Field letter spacing (px) 커스텀 (px)");
const letterSpacingInput = screen.getByLabelText("Field letter spacing 커스텀");
fireEvent.change(letterSpacingInput, { target: { value: "1.5" } });
expect(updateBlock).toHaveBeenCalledWith(
@@ -286,13 +286,13 @@ describe("FormInputPropertiesPanel", () => {
const widthModeSelect = screen.getByLabelText("Width");
fireEvent.change(widthModeSelect, { target: { value: "fixed" } });
const widthPxInput = screen.getByLabelText("Field fixed width 커스텀 (px)");
const widthPxInput = screen.getByLabelText("Field fixed width 커스텀");
fireEvent.change(widthPxInput, { target: { value: "320" } });
const paddingXInput = screen.getByLabelText("Field horizontal padding (px) 커스텀 (px)");
const paddingXInput = screen.getByLabelText("Field horizontal padding 커스텀");
fireEvent.change(paddingXInput, { target: { value: "16" } });
const paddingYInput = screen.getByLabelText("Field vertical padding (px) 커스텀 (px)");
const paddingYInput = screen.getByLabelText("Field vertical padding 커스텀");
fireEvent.change(paddingYInput, { target: { value: "12" } });
expect(updateBlock).toHaveBeenCalledWith(
@@ -509,13 +509,13 @@ describe("FormSelectPropertiesPanel", () => {
/>,
);
const fontSizeInput = screen.getByLabelText("Select text size (px) 커스텀 (px)");
const fontSizeInput = screen.getByLabelText("Select text size 커스텀");
fireEvent.change(fontSizeInput, { target: { value: "24" } });
const lineHeightInput = screen.getByLabelText("Select line height (px) 커스텀 (px)");
const lineHeightInput = screen.getByLabelText("Select line height 커스텀");
fireEvent.change(lineHeightInput, { target: { value: "30" } });
const letterSpacingInput = screen.getByLabelText("Select letter spacing (px) 커스텀 (px)");
const letterSpacingInput = screen.getByLabelText("Select letter spacing 커스텀");
fireEvent.change(letterSpacingInput, { target: { value: "1.5" } });
expect(updateBlock).toHaveBeenCalledWith(
@@ -551,13 +551,13 @@ describe("FormSelectPropertiesPanel", () => {
/>,
);
const widthPxInput = screen.getByLabelText("Field fixed width 커스텀 (px)");
const widthPxInput = screen.getByLabelText("Field fixed width 커스텀");
fireEvent.change(widthPxInput, { target: { value: "320" } });
const paddingXInput = screen.getByLabelText("Select horizontal padding (px) 커스텀 (px)");
const paddingXInput = screen.getByLabelText("Select horizontal padding 커스텀");
fireEvent.change(paddingXInput, { target: { value: "16" } });
const paddingYInput = screen.getByLabelText("Select vertical padding (px) 커스텀 (px)");
const paddingYInput = screen.getByLabelText("Select vertical padding 커스텀");
fireEvent.change(paddingYInput, { target: { value: "12" } });
expect(updateBlock).toHaveBeenCalledWith(
@@ -689,7 +689,7 @@ describe("FormSelectPropertiesPanel", () => {
);
});
it("라벨/필드 간격 (px) 컨트롤 변경 시 updateBlock 이 labelGapPx 로 호출되어야 한다", () => {
it("라벨/필드 간격 컨트롤 변경 시 updateBlock 이 labelGapPx 로 호출되어야 한다", () => {
const updateBlock = vi.fn();
const block = makeBlock<FormSelectBlockProps>("f-select-label-gap", "formSelect", {
@@ -707,7 +707,7 @@ describe("FormSelectPropertiesPanel", () => {
/>,
);
const gapInput = screen.getByLabelText("Label/field gap (px) 커스텀 (px)");
const gapInput = screen.getByLabelText("Label/field gap 커스텀");
fireEvent.change(gapInput, { target: { value: "16" } });
expect(updateBlock).toHaveBeenCalledWith(
@@ -931,13 +931,13 @@ describe("FormCheckboxPropertiesPanel", () => {
/>,
);
const fontSizeInput = screen.getByLabelText("Checkbox text size (px) 커스텀 (px)");
const fontSizeInput = screen.getByLabelText("Checkbox text size 커스텀");
fireEvent.change(fontSizeInput, { target: { value: "24" } });
const lineHeightInput = screen.getByLabelText("Checkbox line height (px) 커스텀 (px)");
const lineHeightInput = screen.getByLabelText("Checkbox line height 커스텀");
fireEvent.change(lineHeightInput, { target: { value: "30" } });
const letterSpacingInput = screen.getByLabelText("Checkbox letter spacing (px) 커스텀 (px)");
const letterSpacingInput = screen.getByLabelText("Checkbox letter spacing 커스텀");
fireEvent.change(letterSpacingInput, { target: { value: "1.5" } });
expect(updateBlock).toHaveBeenCalledWith(
@@ -973,13 +973,13 @@ describe("FormCheckboxPropertiesPanel", () => {
/>,
);
const widthPxInput = screen.getByLabelText("Field fixed width 커스텀 (px)");
const widthPxInput = screen.getByLabelText("Field fixed width 커스텀");
fireEvent.change(widthPxInput, { target: { value: "320" } });
const paddingXInput = screen.getByLabelText("Checkbox horizontal padding (px) 커스텀 (px)");
const paddingXInput = screen.getByLabelText("Checkbox horizontal padding 커스텀");
fireEvent.change(paddingXInput, { target: { value: "16" } });
const paddingYInput = screen.getByLabelText("Checkbox vertical padding (px) 커스텀 (px)");
const paddingYInput = screen.getByLabelText("Checkbox vertical padding 커스텀");
fireEvent.change(paddingYInput, { target: { value: "12" } });
expect(updateBlock).toHaveBeenCalledWith(
@@ -1111,7 +1111,7 @@ describe("FormCheckboxPropertiesPanel", () => {
);
});
it("라벨/필드 간격 (px) 컨트롤 변경 시 updateBlock 이 labelGapPx 로 호출되어야 한다", () => {
it("라벨/필드 간격 컨트롤 변경 시 updateBlock 이 labelGapPx 로 호출되어야 한다", () => {
const updateBlock = vi.fn();
const block = makeBlock<FormCheckboxBlockProps>("f-check-label-gap", "formCheckbox", {
@@ -1129,7 +1129,7 @@ describe("FormCheckboxPropertiesPanel", () => {
/>,
);
const gapInput = screen.getByLabelText("Label/field gap (px) 커스텀 (px)");
const gapInput = screen.getByLabelText("Label/field gap 커스텀");
fireEvent.change(gapInput, { target: { value: "16" } });
expect(updateBlock).toHaveBeenCalledWith(
@@ -1163,7 +1163,7 @@ describe("FormCheckboxPropertiesPanel", () => {
);
});
it("체크박스 옵션 간격 (px) 컨트롤 변경 시 updateBlock 이 optionGapPx 로 호출되어야 한다", () => {
it("체크박스 옵션 간격 컨트롤 변경 시 updateBlock 이 optionGapPx 로 호출되어야 한다", () => {
const updateBlock = vi.fn();
const block = makeBlock<FormCheckboxBlockProps>("f-check-option-gap", "formCheckbox", {
@@ -1179,7 +1179,7 @@ describe("FormCheckboxPropertiesPanel", () => {
/>,
);
const gapInput = screen.getByLabelText("Checkbox option gap (px) 커스텀 (px)");
const gapInput = screen.getByLabelText("Checkbox option gap 커스텀");
fireEvent.change(gapInput, { target: { value: "10" } });
expect(updateBlock).toHaveBeenCalledWith(
@@ -1282,13 +1282,13 @@ describe("FormCheckboxPropertiesPanel", () => {
/>,
);
const fontSizeInput = screen.getByLabelText("Radio text size (px) 커스텀 (px)");
const fontSizeInput = screen.getByLabelText("Radio text size 커스텀");
fireEvent.change(fontSizeInput, { target: { value: "24" } });
const lineHeightInput = screen.getByLabelText("Radio line height (px) 커스텀 (px)");
const lineHeightInput = screen.getByLabelText("Radio line height 커스텀");
fireEvent.change(lineHeightInput, { target: { value: "30" } });
const letterSpacingInput = screen.getByLabelText("Radio letter spacing (px) 커스텀 (px)");
const letterSpacingInput = screen.getByLabelText("Radio letter spacing 커스텀");
fireEvent.change(letterSpacingInput, { target: { value: "1.5" } });
expect(updateBlock).toHaveBeenCalledWith(
@@ -1325,16 +1325,16 @@ describe("FormCheckboxPropertiesPanel", () => {
/>,
);
const widthPxInput = screen.getByLabelText("Field fixed width 커스텀 (px)");
const widthPxInput = screen.getByLabelText("Field fixed width 커스텀");
fireEvent.change(widthPxInput, { target: { value: "320" } });
const paddingXInput = screen.getByLabelText("Radio horizontal padding (px) 커스텀 (px)");
const paddingXInput = screen.getByLabelText("Radio horizontal padding 커스텀");
fireEvent.change(paddingXInput, { target: { value: "12" } });
const paddingYInput = screen.getByLabelText("Radio vertical padding (px) 커스텀 (px)");
const paddingYInput = screen.getByLabelText("Radio vertical padding 커스텀");
fireEvent.change(paddingYInput, { target: { value: "6" } });
const optionGapInput = screen.getByLabelText("Radio option gap (px) 커스텀 (px)");
const optionGapInput = screen.getByLabelText("Radio option gap 커스텀");
fireEvent.change(optionGapInput, { target: { value: "10" } });
expect(updateBlock).toHaveBeenCalledWith(
@@ -1372,7 +1372,7 @@ describe("FormCheckboxPropertiesPanel", () => {
/>,
);
const layoutSelect = screen.getByLabelText("그룹 타이틀 레이아웃");
const layoutSelect = screen.getByLabelText("Group title layout");
expect(layoutSelect).toBeTruthy();
cleanup();
@@ -1391,7 +1391,7 @@ describe("FormCheckboxPropertiesPanel", () => {
/>,
);
expect(screen.queryByLabelText("그룹 타이틀 레이아웃")).toBeNull();
expect(screen.queryByLabelText("Group title layout")).toBeNull();
});
it("그룹 타이틀 타입 셀렉트 변경 시 updateBlock 이 groupLabelMode 로 호출되어야 한다", () => {
@@ -1410,7 +1410,7 @@ describe("FormCheckboxPropertiesPanel", () => {
/>,
);
const select = screen.getByLabelText("그룹 타이틀 타입");
const select = screen.getByLabelText("Group title type");
fireEvent.change(select, { target: { value: "image" } });
expect(updateBlock).toHaveBeenCalledWith(
@@ -1435,7 +1435,7 @@ describe("FormCheckboxPropertiesPanel", () => {
/>,
);
const select = screen.getByLabelText("그룹 타이틀 표시 방식");
const select = screen.getByLabelText("Group title display mode");
fireEvent.change(select, { target: { value: "hidden" } });
expect(updateBlock).toHaveBeenCalledWith(
@@ -1461,7 +1461,7 @@ describe("FormCheckboxPropertiesPanel", () => {
/>,
);
const select = screen.getByLabelText("그룹 타이틀 레이아웃");
const select = screen.getByLabelText("Group title layout");
fireEvent.change(select, { target: { value: "inline" } });
expect(updateBlock).toHaveBeenCalledWith(
@@ -1470,7 +1470,7 @@ describe("FormCheckboxPropertiesPanel", () => {
);
});
it("라벨/필드 간격 (px) 컨트롤 변경 시 updateBlock 이 labelGapPx 로 호출되어야 한다", () => {
it("라벨/필드 간격 컨트롤 변경 시 updateBlock 이 labelGapPx 로 호출되어야 한다", () => {
const updateBlock = vi.fn();
const block = makeBlock<FormRadioBlockProps>("f-radio-label-gap", "formRadio", {
@@ -1488,7 +1488,7 @@ describe("FormCheckboxPropertiesPanel", () => {
/>,
);
const gapInput = screen.getByLabelText("라벨/필드 간격 (px) 커스텀 (px)");
const gapInput = screen.getByLabelText("Label/field gap 커스텀");
fireEvent.change(gapInput, { target: { value: "16" } });
expect(updateBlock).toHaveBeenCalledWith(
@@ -1513,7 +1513,7 @@ describe("FormCheckboxPropertiesPanel", () => {
/>,
);
const input = screen.getByLabelText("그룹 타이틀");
const input = screen.getByLabelText("Group title");
fireEvent.change(input, { target: { value: "새 플랜" } });
expect(updateBlock).toHaveBeenCalledWith(
@@ -1539,7 +1539,7 @@ describe("FormCheckboxPropertiesPanel", () => {
/>,
);
const select = screen.getByLabelText("그룹 타이틀 이미지 소스");
const select = screen.getByLabelText("Group title image source");
fireEvent.change(select, { target: { value: "upload" } });
expect(updateBlock).toHaveBeenCalledWith(
@@ -1566,7 +1566,7 @@ describe("FormCheckboxPropertiesPanel", () => {
/>,
);
const input = screen.getByLabelText("그룹 타이틀 이미지 URL");
const input = screen.getByLabelText("Group title image URL");
fireEvent.change(input, { target: { value: "https://example.com/new.png" } });
expect(updateBlock).toHaveBeenCalledWith(
@@ -1591,7 +1591,7 @@ describe("FormCheckboxPropertiesPanel", () => {
/>,
);
const select = screen.getByLabelText("옵션 이미지 소스");
const select = screen.getByLabelText("Option image source");
fireEvent.change(select, { target: { value: "upload" } });
expect(updateBlock).toHaveBeenCalledWith(
@@ -1690,7 +1690,7 @@ describe("FormCheckboxPropertiesPanel", () => {
/>,
);
const groupTitleInput = screen.getByLabelText("그룹 타이틀") as HTMLInputElement;
const groupTitleInput = screen.getByLabelText("Group title") as HTMLInputElement;
const groupTitleClass = groupTitleInput.getAttribute("class") ?? "";
expect(groupTitleClass).toContain("bg-white");
expect(groupTitleClass).toContain("text-slate-900");
@@ -1699,7 +1699,7 @@ describe("FormCheckboxPropertiesPanel", () => {
expect(groupTitleClass).toContain("dark:text-slate-100");
expect(groupTitleClass).toContain("dark:border-slate-700");
const groupDisplaySelect = screen.getByLabelText("그룹 타이틀 표시 방식") as HTMLSelectElement;
const groupDisplaySelect = screen.getByLabelText("Group title display mode") as HTMLSelectElement;
const groupDisplayClass = groupDisplaySelect.getAttribute("class") ?? "";
expect(groupDisplayClass).toContain("bg-white");
expect(groupDisplayClass).toContain("text-slate-900");
@@ -1708,7 +1708,7 @@ describe("FormCheckboxPropertiesPanel", () => {
expect(groupDisplayClass).toContain("dark:text-slate-100");
expect(groupDisplayClass).toContain("dark:border-slate-700");
const optionLayoutSelect = screen.getByLabelText("옵션 레이아웃") as HTMLSelectElement;
const optionLayoutSelect = screen.getByLabelText("Option layout") as HTMLSelectElement;
const optionLayoutClass = optionLayoutSelect.getAttribute("class") ?? "";
expect(optionLayoutClass).toContain("bg-white");
expect(optionLayoutClass).toContain("text-slate-900");
@@ -1717,7 +1717,7 @@ describe("FormCheckboxPropertiesPanel", () => {
expect(optionLayoutClass).toContain("dark:text-slate-100");
expect(optionLayoutClass).toContain("dark:border-slate-700");
const formFieldNameInput = screen.getByLabelText("전송 키") as HTMLInputElement;
const formFieldNameInput = screen.getByLabelText("Submit key") as HTMLInputElement;
const formFieldNameClass = formFieldNameInput.getAttribute("class") ?? "";
expect(formFieldNameClass).toContain("bg-white");
expect(formFieldNameClass).toContain("text-slate-900");
@@ -1726,7 +1726,7 @@ describe("FormCheckboxPropertiesPanel", () => {
expect(formFieldNameClass).toContain("dark:text-slate-100");
expect(formFieldNameClass).toContain("dark:border-slate-700");
const optionLabelInput = screen.getByPlaceholderText("라벨") as HTMLInputElement;
const optionLabelInput = screen.getByPlaceholderText("Label") as HTMLInputElement;
const optionLabelClass = optionLabelInput.getAttribute("class") ?? "";
expect(optionLabelClass).toContain("bg-white");
expect(optionLabelClass).toContain("text-slate-900");