Alassane
92 lines
2.6 KiB
TypeScript
92 lines
2.6 KiB
TypeScript
import { afterEach, describe, expect, it, vi } from "vitest";
|
|
import { cleanup, render, screen } from "@testing-library/react";
|
|
|
|
let mockActiveTaskId: string | null = "task_1";
|
|
let mockActiveSessionId: string | null = "session_1";
|
|
|
|
vi.mock("@/components/state-provider", () => ({
|
|
useAppStore: (selector: (state: Record<string, unknown>) => unknown) =>
|
|
selector({
|
|
tasks: { activeTaskId: mockActiveTaskId, activeSessionId: mockActiveSessionId },
|
|
}),
|
|
}));
|
|
|
|
import { pluginRegistry } from "@/lib/plugins/registry";
|
|
import { PluginTaskPanel } from "./plugin-task-panel";
|
|
|
|
afterEach(() => {
|
|
cleanup();
|
|
pluginRegistry.unregisterPlugin("plugin-a");
|
|
mockActiveTaskId = "task_1";
|
|
mockActiveSessionId = "session_1";
|
|
});
|
|
|
|
describe("PluginTaskPanel", () => {
|
|
it("renders the registered Component with PluginTaskPanelProps (AC2)", () => {
|
|
function Notes(props: {
|
|
panelId: string;
|
|
taskId: string;
|
|
sessionId: string | null;
|
|
presentation: string;
|
|
}) {
|
|
return (
|
|
<div data-testid="notes-body">
|
|
{props.panelId}|{props.taskId}|{props.sessionId}|{props.presentation}
|
|
</div>
|
|
);
|
|
}
|
|
pluginRegistry
|
|
.forPlugin("plugin-a")
|
|
.registerTaskPanel({ id: "notes", title: "Notes", Component: Notes });
|
|
|
|
render(
|
|
<PluginTaskPanel
|
|
pluginId="plugin-a"
|
|
panelKey="notes"
|
|
panelId="plugin:plugin-a:notes"
|
|
presentation="desktop"
|
|
/>,
|
|
);
|
|
|
|
expect(screen.getByTestId("notes-body").textContent).toBe(
|
|
"plugin:plugin-a:notes|task_1|session_1|desktop",
|
|
);
|
|
});
|
|
|
|
it("renders a not-available fallback when the plugin is no longer registered (AC5)", () => {
|
|
render(
|
|
<PluginTaskPanel
|
|
pluginId="plugin-gone"
|
|
panelKey="notes"
|
|
panelId="plugin:plugin-gone:notes"
|
|
presentation="desktop"
|
|
/>,
|
|
);
|
|
|
|
expect(screen.getByText("This panel is no longer available.")).not.toBeNull();
|
|
});
|
|
|
|
it("renders the error boundary fallback when the plugin Component throws (AC6)", () => {
|
|
function Throws(): never {
|
|
throw new Error("boom");
|
|
}
|
|
pluginRegistry
|
|
.forPlugin("plugin-a")
|
|
.registerTaskPanel({ id: "notes", title: "Notes", Component: Throws });
|
|
const originalConsoleError = console.error;
|
|
console.error = () => {};
|
|
|
|
render(
|
|
<PluginTaskPanel
|
|
pluginId="plugin-a"
|
|
panelKey="notes"
|
|
panelId="plugin:plugin-a:notes"
|
|
presentation="desktop"
|
|
/>,
|
|
);
|
|
|
|
expect(screen.getByText("This plugin panel failed to load.")).not.toBeNull();
|
|
console.error = originalConsoleError;
|
|
});
|
|
});
|