QA pass: layout, create-flow, and About books #68
@@ -23,11 +23,9 @@ export function RuleStackView({
|
||||
w-full bg-transparent flex flex-col
|
||||
px-[20px] py-[32px]
|
||||
min-[640px]:px-[32px] min-[640px]:py-[48px]
|
||||
min-[768px]:py-[56px]
|
||||
min-[1024px]:px-[64px] min-[1024px]:py-[64px]
|
||||
min-[1440px]:px-[96px]
|
||||
gap-[24px]
|
||||
min-[768px]:gap-[32px]
|
||||
min-[1024px]:gap-[40px]
|
||||
${className}
|
||||
`}
|
||||
|
||||
@@ -189,8 +189,8 @@ describe("RuleStack Component", () => {
|
||||
expect(section?.className).toMatch(/min-\[640px\]:px-\[32px\]/);
|
||||
expect(section?.className).toMatch(/min-\[640px\]:py-\[48px\]/);
|
||||
expect(section?.className).toMatch(/gap-\[24px\]/);
|
||||
expect(section?.className).toMatch(/min-\[768px\]:gap-\[32px\]/);
|
||||
expect(section?.className).toMatch(/min-\[1024px\]:gap-\[40px\]/);
|
||||
expect(section?.className).not.toMatch(/min-\[768px\]:gap-\[32px\]/);
|
||||
expect(section?.className).not.toMatch(/min-\[640px\]:gap-\[32px\]/);
|
||||
});
|
||||
|
||||
@@ -279,6 +279,7 @@ describe("RuleStack Component", () => {
|
||||
|
||||
const section = document.querySelector("section");
|
||||
expect(section?.className).toMatch(/min-\[640px\]:py-\[48px\]/);
|
||||
expect(section?.className).not.toMatch(/min-\[768px\]:py-\[56px\]/);
|
||||
expect(section?.className).toMatch(/min-\[1024px\]:py-\[64px\]/);
|
||||
});
|
||||
|
||||
|
||||
Reference in New Issue
Block a user