Carlos Florêncio
112 lines
3.3 KiB
TypeScript
112 lines
3.3 KiB
TypeScript
import { render, screen } 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("@/components/settings/canvas-host-route", () => ({
|
|
CanvasHostRoute: ({ canvasId }: { canvasId: string }) => (
|
|
<div data-testid="canvas-host-route-mock">{canvasId}</div>
|
|
),
|
|
}));
|
|
|
|
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: [] },
|
|
features: { canvases: true },
|
|
kanban: { tasks: [] },
|
|
kanbanMulti: { snapshots: {} },
|
|
}),
|
|
useAppStoreApi: () => ({
|
|
getState: () => ({
|
|
tasks: { activeSessionId: null, activeTaskId: null },
|
|
kanban: { tasks: [] },
|
|
kanbanMulti: { snapshots: {} },
|
|
}),
|
|
}),
|
|
}));
|
|
|
|
import { renderPanel } from "./dockview-panel-content";
|
|
import { renderPanel as renderSharedPanel } from "./dockview-shared";
|
|
|
|
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",
|
|
prKey: "acme/frontend/42",
|
|
})}
|
|
</>,
|
|
);
|
|
|
|
expect(taskChangesPanel.props).toMatchObject({
|
|
mode: "file",
|
|
filePath: "README.md",
|
|
sourceFilter: "uncommitted",
|
|
fileRepositoryName: "frontend",
|
|
prKey: "acme/frontend/42",
|
|
});
|
|
});
|
|
|
|
it("preserves the PR source in the shared dockview renderer", () => {
|
|
render(
|
|
<>
|
|
{renderSharedPanel("preview:file-diff", "diff-viewer", {
|
|
kind: "file",
|
|
path: "README.md",
|
|
source: "pr",
|
|
repositoryName: "widgets · feat/second",
|
|
prKey: "acme/widgets/42",
|
|
})}
|
|
</>,
|
|
);
|
|
|
|
expect(taskChangesPanel.props).toMatchObject({
|
|
mode: "file",
|
|
filePath: "README.md",
|
|
sourceFilter: "pr",
|
|
prKey: "acme/widgets/42",
|
|
});
|
|
});
|
|
});
|
|
|
|
describe("dockview canvas panel content", () => {
|
|
it("gives the portaled canvas host a full-height flex boundary", async () => {
|
|
const { renderPanel } = await import("./dockview-panel-content");
|
|
render(<>{renderPanel("canvas:canvas-1", "canvas", { canvasId: "canvas-1" })}</>);
|
|
|
|
const host = screen.getByTestId("canvas-host-route-mock");
|
|
expect(host.parentElement?.className).toContain("h-full");
|
|
expect(host.parentElement?.className).toContain("min-h-0");
|
|
expect(host.parentElement?.className).toContain("flex");
|
|
});
|
|
});
|