Update Rule Stack component and tests

2026-02-05 16:58:15 -07:00
parent 7e2348048a
commit b012c73e65
6 changed files with 245 additions and 129 deletions
@@ -147,7 +147,9 @@ describe("RuleCard Component", () => {
    render(<RuleCard {...defaultProps} size="L" />);

    const heading = screen.getByRole("heading", { level: 3 });
-    expect(heading).toHaveClass("font-bricolage-grotesque", "font-extrabold");
+    // Check for responsive font classes - at 1440px+ it should have font-bricolage-grotesque and font-extrabold
+    expect(heading?.className).toMatch(/min-\[1440px\]:font-bricolage-grotesque/);
+    expect(heading?.className).toMatch(/min-\[1440px\]:font-extrabold/);
  });

  it("renders expanded state with categories", () => {