João Salavisa
57 lines
1.7 KiB
TypeScript
57 lines
1.7 KiB
TypeScript
import { renderHook } from "@testing-library/react";
|
|
import { describe, expect, it, vi } from "vitest";
|
|
import type { TaskSwitcherItem } from "./task-switcher-types";
|
|
|
|
const view = {
|
|
id: "view-1",
|
|
name: "By workflow",
|
|
filters: [],
|
|
sort: { key: "title" as const, direction: "asc" as const },
|
|
group: "workflow" as const,
|
|
collapsedGroups: [],
|
|
};
|
|
|
|
const prefs = {
|
|
pinnedTaskIds: [],
|
|
orderedTaskIds: [],
|
|
subtaskOrderByParentId: {},
|
|
togglePinnedTask: vi.fn(),
|
|
handleReorderGroup: vi.fn(),
|
|
handleReorderSubtasks: vi.fn(),
|
|
};
|
|
|
|
vi.mock("react-i18next", () => ({
|
|
useTranslation: () => ({ i18n: { language: "en" } }),
|
|
}));
|
|
|
|
vi.mock("@/hooks/domains/sidebar/use-effective-sidebar-view", () => ({
|
|
useEffectiveSidebarView: () => view,
|
|
}));
|
|
|
|
vi.mock("@/hooks/domains/sidebar/use-sidebar-task-prefs", () => ({
|
|
useSidebarTaskPrefs: () => prefs,
|
|
}));
|
|
|
|
import { useGroupedSidebarView } from "./task-session-sidebar-grouped-view";
|
|
|
|
function task(id: string, workflowId: string): TaskSwitcherItem {
|
|
return { id, title: id, state: "IN_PROGRESS", workflowId, workflowName: workflowId };
|
|
}
|
|
|
|
describe("useGroupedSidebarView", () => {
|
|
it("preserves an unaffected group reference when a task in another group updates", () => {
|
|
const taskA = task("Task A", "Workflow A");
|
|
const taskB = task("Task B", "Workflow B");
|
|
const hook = renderHook(({ tasks }) => useGroupedSidebarView(tasks), {
|
|
initialProps: { tasks: [taskA, taskB] },
|
|
});
|
|
const unaffectedGroup = hook.result.current.grouped.groups.find(
|
|
(group) => group.key === "Workflow B",
|
|
);
|
|
|
|
hook.rerender({ tasks: [{ ...taskA, title: "Task A updated" }, { ...taskB }] });
|
|
|
|
expect(hook.result.current.grouped.groups[1]).toBe(unaffectedGroup);
|
|
});
|
|
});
|