test(frontend): add ActivityFeed component tests + expand coverage slice

frontend/src/components/activity/ActivityFeed.test.tsx

@@ -0,0 +1,88 @@
+import { render, screen } from "@testing-library/react";
+
+import { ActivityFeed } from "./ActivityFeed";
+
+type Item = { id: string; label: string };
+
+describe("ActivityFeed", () => {
+  it("renders loading state when loading and no items", () => {
+    render(
+      <ActivityFeed<Item>
+        isLoading={true}
+        errorMessage={null}
+        items={[]}
+        renderItem={(item) => <div key={item.id}>{item.label}</div>}
+      />,
+    );
+
+    expect(screen.getByText("Loading feed…")).toBeInTheDocument();
+  });
+
+  it("renders error state", () => {
+    render(
+      <ActivityFeed<Item>
+        isLoading={false}
+        errorMessage={"Boom"}
+        items={[]}
+        renderItem={(item) => <div key={item.id}>{item.label}</div>}
+      />,
+    );
+
+    expect(screen.getByText("Boom")).toBeInTheDocument();
+  });
+
+  it("renders default error message when errorMessage is empty", () => {
+    render(
+      <ActivityFeed<Item>
+        isLoading={false}
+        errorMessage={""}
+        items={[]}
+        renderItem={(item) => <div key={item.id}>{item.label}</div>}
+      />,
+    );
+
+    expect(screen.getByText("Unable to load feed.")).toBeInTheDocument();
+  });
+
+  it("renders empty state", () => {
+    render(
+      <ActivityFeed<Item>
+        isLoading={false}
+        errorMessage={null}
+        items={[]}
+        renderItem={(item) => <div key={item.id}>{item.label}</div>}
+      />,
+    );
+
+    expect(
+      screen.getByText("Waiting for new comments…"),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByText("When agents post updates, they will show up here."),
+    ).toBeInTheDocument();
+  });
+
+  it("renders items", () => {
+    const items: Item[] = [
+      { id: "1", label: "First" },
+      { id: "2", label: "Second" },
+    ];
+
+    render(
+      <ActivityFeed<Item>
+        isLoading={false}
+        errorMessage={null}
+        items={items}
+        renderItem={(item) => (
+          <div key={item.id} data-testid="feed-item">
+            {item.label}
+          </div>
+        )}
+      />,
+    );
+
+    expect(screen.getAllByTestId("feed-item")).toHaveLength(2);
+    expect(screen.getByText("First")).toBeInTheDocument();
+    expect(screen.getByText("Second")).toBeInTheDocument();
+  });
+});