kandev/apps/web/components/task/dockview-panel-content.diff.test.tsx

import { render } from "@testing-library/react";
import { describe, expect, it, vi } from "vitest";

const taskChangesPanel = vi.hoisted(() => ({
  props: null as Record<string, unknown> | null,
}));

vi.mock("./task-changes-panel", () => ({
  TaskChangesPanel: (props: Record<string, unknown>) => {
    taskChangesPanel.props = props;
    return <div data-testid="task-changes-panel" />;
  },
}));

vi.mock("@/hooks/use-file-editors", () => ({
  useFileEditors: () => ({ openFile: vi.fn() }),
}));

vi.mock("@/lib/state/dockview-store", () => ({
  useDockviewStore: (selector: (state: Record<string, unknown>) => unknown) =>
    selector({
      selectedDiff: null,
      setSelectedDiff: vi.fn(),
      api: { getPanel: vi.fn(), removePanel: vi.fn() },
    }),
}));

vi.mock("@/components/state-provider", () => ({
  useAppStore: (selector: (state: Record<string, unknown>) => unknown) =>
    selector({
      tasks: { activeSessionId: null, activeTaskId: null },
      taskSessions: { items: {} },
      agentProfiles: { items: [] },
      kanban: { tasks: [] },
      kanbanMulti: { snapshots: {} },
    }),
  useAppStoreApi: () => ({
    getState: () => ({
      tasks: { activeSessionId: null, activeTaskId: null },
      kanban: { tasks: [] },
      kanbanMulti: { snapshots: {} },
    }),
  }),
}));

import { renderPanel } from "./dockview-panel-content";

describe("dockview diff panel content", () => {
  it("passes repositoryName from panel params into the file-mode diff view", () => {
    render(
      <>
        {renderPanel("preview:file-diff", "diff-viewer", {
          kind: "file",
          path: "README.md",
          source: "uncommitted",
          repositoryName: "frontend",
        })}
      </>,
    );

    expect(taskChangesPanel.props).toMatchObject({
      mode: "file",
      filePath: "README.md",
      sourceFilter: "uncommitted",
      fileRepositoryName: "frontend",
    });
  });
});