테스트 오류 수정
This commit is contained in:
@@ -246,7 +246,7 @@ describe("EditorPage - 폼 블록 스타일", () => {
|
||||
expect(select.style.backgroundColor).toBe(hexToRgb("#123456"));
|
||||
expect(select.style.borderColor).toBe(hexToRgb("#654321"));
|
||||
expect(select.style.width).toBe("260px");
|
||||
expect(select.style.borderRadius).toBe("9999px"); // lg → 9999 (에디터 구현 기준)
|
||||
expect(select.style.borderRadius).toBe("6px"); // lg → 6 (Editor radius 스케일)
|
||||
});
|
||||
|
||||
it("formSelect: 기본 셀렉트 높이는 pb-select 와 동일한 padding(px-3/py-2)을 사용해야 한다", () => {
|
||||
@@ -303,14 +303,14 @@ describe("EditorPage - 폼 블록 스타일", () => {
|
||||
render(<EditorPage />);
|
||||
|
||||
const label = screen.getByText("라디오 그룹");
|
||||
const container = label.nextElementSibling as HTMLElement; // style 이 적용된 div
|
||||
const groupContainer = label.closest("div") as HTMLElement;
|
||||
|
||||
expect(container).toBeTruthy();
|
||||
expect(container.style.color).toBe(hexToRgb("#ff0000"));
|
||||
expect(container.style.backgroundColor).toBe(hexToRgb("#123456"));
|
||||
expect(container.style.borderColor).toBe(hexToRgb("#654321"));
|
||||
expect(container.style.width).toBe("280px");
|
||||
expect(container.style.borderRadius).toBe("9999px");
|
||||
expect(groupContainer).toBeTruthy();
|
||||
expect(groupContainer.style.color).toBe(hexToRgb("#ff0000"));
|
||||
expect(groupContainer.style.backgroundColor).toBe(hexToRgb("#123456"));
|
||||
expect(groupContainer.style.borderColor).toBe(hexToRgb("#654321"));
|
||||
expect(groupContainer.style.width).toBe("280px");
|
||||
expect(groupContainer.style.borderRadius).toBe("6px");
|
||||
});
|
||||
|
||||
it("formCheckbox: textColorCustom / fillColorCustom / strokeColorCustom / widthPx / borderRadius 가 에디터 렌더에 반영되어야 한다", () => {
|
||||
@@ -348,7 +348,7 @@ describe("EditorPage - 폼 블록 스타일", () => {
|
||||
expect(groupContainer.style.backgroundColor).toBe(hexToRgb("#123456"));
|
||||
expect(groupContainer.style.borderColor).toBe(hexToRgb("#654321"));
|
||||
expect(groupContainer.style.width).toBe("300px");
|
||||
expect(groupContainer.style.borderRadius).toBe("9999px");
|
||||
expect(groupContainer.style.borderRadius).toBe("6px");
|
||||
});
|
||||
|
||||
it("formRadio: 그룹 타이틀 레이아웃이 inline 이면 에디터에서도 라벨과 필드 컨테이너가 가로 정렬되고 columnGap 이 labelGapPx 로 반영되어야 한다", () => {
|
||||
|
||||
@@ -260,7 +260,7 @@ describe("formHelpers - editor tokens", () => {
|
||||
expect(tokens.fieldStyle.backgroundColor).toBe("#123456");
|
||||
expect(tokens.fieldStyle.borderColor).toBe("#654321");
|
||||
expect(tokens.fieldStyle.width).toBe("280px");
|
||||
expect(tokens.fieldStyle.borderRadius).toBe(9999);
|
||||
expect(tokens.fieldStyle.borderRadius).toBe(6);
|
||||
expect(tokens.fieldStyle.paddingInline).toBe("8px");
|
||||
expect(tokens.fieldStyle.paddingBlock).toBe("4px");
|
||||
expect(tokens.fieldStyle.fontSize).toBe("15px");
|
||||
|
||||
Reference in New Issue
Block a user