Implement use cases page

2026-05-17 21:41:54 -06:00
parent b6b9b63608
commit 450da4d8ab
78 changed files with 1870 additions and 118 deletions
@@ -0,0 +1,31 @@
+import { render, screen } from "@testing-library/react";
+import { describe, it, expect } from "vitest";
+import CaseStudy from "../../../app/components/cards/CaseStudy";
+
+describe("CaseStudy", () => {
+  it("renders tile container", () => {
+    const { container } = render(
+      <CaseStudy surface="lavender" imageAlt="Mutual Aid Colorado logo" />,
+    );
+    expect(container.querySelector('[data-figma-node="21993-32352"]')).toBeTruthy();
+  });
+
+  it("renders built-in raster when visual is omitted (neutral)", () => {
+    render(
+      <CaseStudy surface="neutral" imageAlt="Food Not Bombs logo" />,
+    );
+
+    expect(
+      screen.getByRole("img", { name: "Food Not Bombs logo" }),
+    ).toHaveAttribute("src");
+  });
+
+  it("uses Mutual Aid vector on lavender surface", () => {
+    const { container } = render(
+      <CaseStudy surface="lavender" imageAlt="Mutual Aid Colorado logo" />,
+    );
+    expect(container.querySelector("img")?.getAttribute("src")).toContain(
+      "case-study-mutual-aid.svg",
+    );
+  });
+});