Add test files for all 9 Phase 23 SDUI hooks

Create comprehensive test suites for:
- useRecordDetails (7 tests)
- useRecordHighlights (7 tests)
- useRecordActivity (7 tests)
- useRecordChatter (7 tests)
- useRecordPath (8 tests)
- useRecordRelatedList (6 tests)
- useRecordReview (8 tests)
- useInterfacePageConfig (7 tests)
- useBlankPageLayout (8 tests)

Each test file covers initial state, setting data, key operations,
computed values, and edge cases following existing test conventions.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Author: Copilot

__tests__/hooks/useBlankPageLayout.test.ts

@@ -0,0 +1,125 @@
+/**
+ * Tests for useBlankPageLayout – validates blank page layout management,
+ * item addition, removal, reordering, updates, and template selection.
+ */
+import { renderHook, act } from "@testing-library/react-native";
+import { useBlankPageLayout, LayoutItem } from "~/hooks/useBlankPageLayout";
+
+describe("useBlankPageLayout", () => {
+  it("returns default state initially", () => {
+    const { result } = renderHook(() => useBlankPageLayout());
+
+    expect(result.current.items).toEqual([]);
+    expect(result.current.template).toBe("blank");
+  });
+
+  it("sets layout items", () => {
+    const { result } = renderHook(() => useBlankPageLayout());
+
+    const items: LayoutItem[] = [
+      { id: "i1", type: "text", config: { content: "Hello" }, order: 0 },
+      { id: "i2", type: "image", config: { src: "img.png" }, order: 1 },
+    ];
+
+    act(() => {
+      result.current.setItems(items);
+    });
+
+    expect(result.current.items).toHaveLength(2);
+  });
+
+  it("adds an item sorted by order", () => {
+    const { result } = renderHook(() => useBlankPageLayout());
+
+    act(() => {
+      result.current.addItem({ id: "i2", type: "image", config: {}, order: 2 });
+    });
+
+    act(() => {
+      result.current.addItem({ id: "i1", type: "text", config: {}, order: 1 });
+    });
+
+    expect(result.current.items).toHaveLength(2);
+    expect(result.current.items[0].id).toBe("i1");
+    expect(result.current.items[1].id).toBe("i2");
+  });
+
+  it("removes an item by id", () => {
+    const { result } = renderHook(() => useBlankPageLayout());
+
+    act(() => {
+      result.current.setItems([
+        { id: "i1", type: "text", config: {}, order: 0 },
+        { id: "i2", type: "image", config: {}, order: 1 },
+      ]);
+    });
+
+    act(() => {
+      result.current.removeItem("i1");
+    });
+
+    expect(result.current.items).toHaveLength(1);
+    expect(result.current.items[0].id).toBe("i2");
+  });
+
+  it("moves an item to a new order", () => {
+    const { result } = renderHook(() => useBlankPageLayout());
+
+    act(() => {
+      result.current.setItems([
+        { id: "i1", type: "text", config: {}, order: 0 },
+        { id: "i2", type: "image", config: {}, order: 1 },
+        { id: "i3", type: "video", config: {}, order: 2 },
+      ]);
+    });
+
+    act(() => {
+      result.current.moveItem("i1", 5);
+    });
+
+    expect(result.current.items[0].id).toBe("i2");
+    expect(result.current.items[2].id).toBe("i1");
+    expect(result.current.items[2].order).toBe(5);
+  });
+
+  it("updates an item's configuration", () => {
+    const { result } = renderHook(() => useBlankPageLayout());
+
+    act(() => {
+      result.current.setItems([
+        { id: "i1", type: "text", config: { content: "Hello" }, order: 0 },
+      ]);
+    });
+
+    act(() => {
+      result.current.updateItem("i1", { config: { content: "Updated" } });
+    });
+
+    expect(result.current.items[0].config).toEqual({ content: "Updated" });
+  });
+
+  it("sets the template type", () => {
+    const { result } = renderHook(() => useBlankPageLayout());
+
+    act(() => {
+      result.current.setTemplate("dashboard");
+    });
+
+    expect(result.current.template).toBe("dashboard");
+  });
+
+  it("changes template without affecting items", () => {
+    const { result } = renderHook(() => useBlankPageLayout());
+
+    act(() => {
+      result.current.addItem({ id: "i1", type: "text", config: {}, order: 0 });
+    });
+
+    act(() => {
+      result.current.setTemplate("form");
+    });
+
+    expect(result.current.template).toBe("form");
+    expect(result.current.items).toHaveLength(1);
+  });
+});

__tests__/hooks/useInterfacePageConfig.test.ts

@@ -0,0 +1,134 @@
+/**
+ * Tests for useInterfacePageConfig – validates page configuration management,
+ * block addition, removal, reordering, and updates.
+ */
+import { renderHook, act } from "@testing-library/react-native";
+import { useInterfacePageConfig, PageBlock } from "~/hooks/useInterfacePageConfig";
+
+describe("useInterfacePageConfig", () => {
+  it("returns default empty state initially", () => {
+    const { result } = renderHook(() => useInterfacePageConfig());
+
+    expect(result.current.config).toEqual({ id: "", title: "", blocks: [] });
+    expect(result.current.blocks).toEqual([]);
+  });
+
+  it("sets full page configuration", () => {
+    const { result } = renderHook(() => useInterfacePageConfig());
+
+    act(() => {
+      result.current.setConfig({
+        id: "p1",
+        title: "Dashboard",
+        description: "Main dashboard",
+        blocks: [{ id: "b1", type: "chart", config: {}, order: 0 }],
+      });
+    });
+
+    expect(result.current.config.title).toBe("Dashboard");
+    expect(result.current.blocks).toHaveLength(1);
+  });
+
+  it("adds a block sorted by order", () => {
+    const { result } = renderHook(() => useInterfacePageConfig());
+
+    act(() => {
+      result.current.setConfig({ id: "p1", title: "Page", blocks: [] });
+    });
+
+    act(() => {
+      result.current.addBlock({ id: "b2", type: "table", config: {}, order: 2 });
+    });
+
+    act(() => {
+      result.current.addBlock({ id: "b1", type: "chart", config: {}, order: 1 });
+    });
+
+    expect(result.current.blocks).toHaveLength(2);
+    expect(result.current.blocks[0].id).toBe("b1");
+    expect(result.current.blocks[1].id).toBe("b2");
+  });
+
+  it("removes a block by id", () => {
+    const { result } = renderHook(() => useInterfacePageConfig());
+
+    act(() => {
+      result.current.setConfig({
+        id: "p1",
+        title: "Page",
+        blocks: [
+          { id: "b1", type: "chart", config: {}, order: 0 },
+          { id: "b2", type: "table", config: {}, order: 1 },
+        ],
+      });
+    });
+
+    act(() => {
+      result.current.removeBlock("b1");
+    });
+
+    expect(result.current.blocks).toHaveLength(1);
+    expect(result.current.blocks[0].id).toBe("b2");
+  });
+
+  it("moves a block to a new order", () => {
+    const { result } = renderHook(() => useInterfacePageConfig());
+
+    act(() => {
+      result.current.setConfig({
+        id: "p1",
+        title: "Page",
+        blocks: [
+          { id: "b1", type: "chart", config: {}, order: 0 },
+          { id: "b2", type: "table", config: {}, order: 1 },
+          { id: "b3", type: "text", config: {}, order: 2 },
+        ],
+      });
+    });
+
+    act(() => {
+      result.current.moveBlock("b1", 5);
+    });
+
+    expect(result.current.blocks[0].id).toBe("b2");
+    expect(result.current.blocks[2].id).toBe("b1");
+    expect(result.current.blocks[2].order).toBe(5);
+  });
+
+  it("updates a block's configuration", () => {
+    const { result } = renderHook(() => useInterfacePageConfig());
+
+    act(() => {
+      result.current.setConfig({
+        id: "p1",
+        title: "Page",
+        blocks: [{ id: "b1", type: "chart", config: { color: "blue" }, order: 0 }],
+      });
+    });
+
+    act(() => {
+      result.current.updateBlock("b1", { config: { color: "red" } });
+    });
+
+    expect(result.current.blocks[0].config).toEqual({ color: "red" });
+  });
+
+  it("updates a block's type without affecting other fields", () => {
+    const { result } = renderHook(() => useInterfacePageConfig());
+
+    act(() => {
+      result.current.setConfig({
+        id: "p1",
+        title: "Page",
+        blocks: [{ id: "b1", type: "chart", config: { color: "blue" }, order: 0 }],
+      });
+    });
+
+    act(() => {
+      result.current.updateBlock("b1", { type: "pie-chart" });
+    });
+
+    expect(result.current.blocks[0].type).toBe("pie-chart");
+    expect(result.current.blocks[0].config).toEqual({ color: "blue" });
+  });
+});

__tests__/hooks/useRecordActivity.test.ts

@@ -0,0 +1,105 @@
+/**
+ * Tests for useRecordActivity – validates activity timeline management,
+ * filtering by type/user/date, and sorting.
+ */
+import { renderHook, act } from "@testing-library/react-native";
+import { useRecordActivity, ActivityEntry } from "~/hooks/useRecordActivity";
+
+const sampleActivities: ActivityEntry[] = [
+  { id: "a1", type: "update", user: "u1", summary: "Edited name", timestamp: "2025-01-01T10:00:00Z" },
+  { id: "a2", type: "create", user: "u2", summary: "Created record", timestamp: "2025-01-02T10:00:00Z" },
+  { id: "a3", type: "update", user: "u1", summary: "Changed status", timestamp: "2025-01-03T10:00:00Z" },
+  { id: "a4", type: "delete", user: "u3", summary: "Removed item", timestamp: "2025-01-04T10:00:00Z" },
+];
+
+describe("useRecordActivity", () => {
+  it("returns empty state initially", () => {
+    const { result } = renderHook(() => useRecordActivity());
+
+    expect(result.current.activities).toEqual([]);
+    expect(result.current.filter).toEqual({});
+    expect(result.current.sortOrder).toBe("desc");
+    expect(result.current.filteredActivities).toEqual([]);
+  });
+
+  it("sets activities and sorts descending by default", () => {
+    const { result } = renderHook(() => useRecordActivity());
+
+    act(() => {
+      result.current.setActivities(sampleActivities);
+    });
+
+    expect(result.current.activities).toHaveLength(4);
+    expect(result.current.filteredActivities[0].id).toBe("a4");
+    expect(result.current.filteredActivities[3].id).toBe("a1");
+  });
+
+  it("adds a single activity entry", () => {
+    const { result } = renderHook(() => useRecordActivity());
+
+    act(() => {
+      result.current.addActivity({ id: "a1", type: "update", user: "u1", summary: "Edited name", timestamp: "2025-01-01T10:00:00Z" });
+    });
+
+    expect(result.current.activities).toHaveLength(1);
+  });
+
+  it("filters activities by type", () => {
+    const { result } = renderHook(() => useRecordActivity());
+
+    act(() => {
+      result.current.setActivities(sampleActivities);
+    });
+
+    act(() => {
+      result.current.setFilter({ type: "update" });
+    });
+
+    expect(result.current.filteredActivities).toHaveLength(2);
+    expect(result.current.filteredActivities.every((a) => a.type === "update")).toBe(true);
+  });
+
+  it("filters activities by user", () => {
+    const { result } = renderHook(() => useRecordActivity());
+
+    act(() => {
+      result.current.setActivities(sampleActivities);
+    });
+
+    act(() => {
+      result.current.setFilter({ user: "u1" });
+    });
+
+    expect(result.current.filteredActivities).toHaveLength(2);
+    expect(result.current.filteredActivities.every((a) => a.user === "u1")).toBe(true);
+  });
+
+  it("filters activities by date range", () => {
+    const { result } = renderHook(() => useRecordActivity());
+
+    act(() => {
+      result.current.setActivities(sampleActivities);
+    });
+
+    act(() => {
+      result.current.setFilter({ dateRange: { start: "2025-01-02T00:00:00Z", end: "2025-01-03T23:59:59Z" } });
+    });
+
+    expect(result.current.filteredActivities).toHaveLength(2);
+  });
+
+  it("sorts activities ascending", () => {
+    const { result } = renderHook(() => useRecordActivity());
+
+    act(() => {
+      result.current.setActivities(sampleActivities);
+    });
+
+    act(() => {
+      result.current.setSortOrder("asc");
+    });
+
+    expect(result.current.filteredActivities[0].id).toBe("a1");
+    expect(result.current.filteredActivities[3].id).toBe("a4");
+  });
+});