fusion/packages/dashboard/app/plugins/__tests__/pluginViewRegistry.test.tsx

import { describe, expect, it, beforeEach } from "vitest";
import { lazy } from "react";
import { render, screen } from "@testing-library/react";
import {
  __test_clearPluginViewRegistry,
  getPluginViewComponent,
  getPluginViewId,
  isPluginViewId,
  parsePluginViewId,
  PluginDashboardViewHost,
  registerPluginView,
} from "../pluginViewRegistry";

describe("pluginViewRegistry", () => {
  beforeEach(() => {
    __test_clearPluginViewRegistry();
  });

  it("builds plugin IDs", () => {
    expect(getPluginViewId("plugin-a", "main")).toBe("plugin:plugin-a:main");
  });

  it("parses and validates plugin IDs", () => {
    expect(parsePluginViewId("plugin:plugin-a:main")).toEqual({ pluginId: "plugin-a", viewId: "main" });
    expect(parsePluginViewId("board")).toBeNull();
    expect(isPluginViewId("plugin:plugin-a:main")).toBe(true);
    expect(isPluginViewId("plugin:only-one-segment")).toBe(false);
  });

  it("registers and resolves view components", () => {
    const View = lazy(async () => ({ default: () => <div>Plugin View</div> }));
    registerPluginView("plugin-a", "main", View);
    expect(getPluginViewComponent("plugin-a", "main")).toBe(View);
    expect(getPluginViewComponent("plugin-b", "missing")).toBeNull();
  });

  it("keeps all registered plugin views discoverable by key iteration", () => {
    const ViewA = lazy(async () => ({ default: () => <div>A</div> }));
    const ViewB = lazy(async () => ({ default: () => <div>B</div> }));
    registerPluginView("plugin-a", "main", ViewA);
    registerPluginView("plugin-b", "graph", ViewB);

    const knownIds = [getPluginViewId("plugin-a", "main"), getPluginViewId("plugin-b", "graph")];
    const resolved = knownIds.map((id) => {
      const parsed = parsePluginViewId(id);
      if (!parsed) return null;
      return getPluginViewComponent(parsed.pluginId, parsed.viewId);
    });

    expect(resolved).toEqual([ViewA, ViewB]);
  });

  it("renders registered components", async () => {
    const View = lazy(async () => ({ default: () => <div>Rendered Plugin View</div> }));
    registerPluginView("plugin-a", "main", View);
    render(<>{PluginDashboardViewHost({ viewId: "plugin:plugin-a:main" })}</>);
    expect(await screen.findByText("Rendered Plugin View")).toBeInTheDocument();
  });

  it("forwards host context to registered components", async () => {
    const View = lazy(async () => ({
      default: ({ context }: { context?: { projectId?: string } }) => <div>{context?.projectId ?? "none"}</div>,
    }));
    registerPluginView("plugin-a", "main", View);

    render(<>{PluginDashboardViewHost({ viewId: "plugin:plugin-a:main", context: { projectId: "proj-1", tasks: [], workflowSteps: [], openTaskDetail: () => {} } })}</>);

    expect(await screen.findByText("proj-1")).toBeInTheDocument();
  });

  it("renders unavailable fallback for unregistered views", () => {
    render(<>{PluginDashboardViewHost({ viewId: "plugin:plugin-a:missing" })}</>);
    expect(screen.getByTestId("plugin-view-unavailable")).toBeInTheDocument();
  });
});