Limit the Use Cases tools row to the three catalog articles, make it mouse-draggable instead of auto-advancing, and put card titles on Bricolage Grotesque so they match the design.

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-08-19 14:29:03 -06:00
parent 55915fd364
commit aa4fe47554
7 changed files with 56 additions and 29 deletions
@@ -98,11 +98,28 @@ describe("RelatedArticles", () => {
        variant="useCases"
      />,
    );
-    expect(
-      screen.getByRole("heading", {
-        level: 2,
-        name: /Tools to set your group up for success/,
-      }),
-    ).toBeInTheDocument();
+    const heading = screen.getByRole("heading", {
+      level: 2,
+      name: /Tools to set your group up for success/,
+    });
+    expect(heading).toBeInTheDocument();
+    expect(heading).toHaveClass(
+      "font-bricolage-grotesque",
+      "lg:text-xx-large-heading",
+    );
+  });
+
+  it("useCases variant uses a mouse-draggable track", () => {
+    render(
+      <RelatedArticles
+        relatedPosts={mockPosts}
+        currentPostSlug="current"
+        variant="useCases"
+      />,
+    );
+    expect(screen.getByTestId("related-articles-track")).toHaveClass(
+      "overflow-x-auto",
+      "cursor-grab",
+    );
  });
 });