saltbo__agent-kanban/tests/unit/component/agent-projection-read-only.test.tsx

import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import "@testing-library/jest-dom/vitest";
import { render, screen } from "@testing-library/react";
import type { ReactNode } from "react";
import { MemoryRouter } from "react-router-dom";
import { describe, expect, it } from "vitest";
import { AgentDetail, AgentList } from "../../../src/features/agents/AgentProjectionPages";
import type { AgentProjection } from "../../../src/features/agents/useAgents";

const agent: AgentProjection = {
  id: "agent-1",
  name: "Backend",
  description: "Builds APIs",
  username: "backend",
  runtime: "codex",
  model: "gpt-5.6",
  skills: ["agent-kanban"],
  subject: "realmroot-agent-subject",
  schedulable: true,
  createdAt: "2026-09-01T12:00:00.000Z",
  updatedAt: "2026-09-01T12:00:01.000Z",
};

describe("read-only Agent projection pages", () => {
  it("[spec: agents/read-only-browser] renders Agent list and detail without management controls", () => {
    const list = renderWithQuery(
      <MemoryRouter>
        <AgentList agents={[agent]} />
      </MemoryRouter>,
    );
    expect(screen.getByRole("link", { name: /backend/i })).toHaveAttribute("href", "/agents/agent-1");
    expect(screen.queryByRole("button", { name: /create|edit|archive/i })).not.toBeInTheDocument();
    list.unmount();

    renderWithQuery(
      <MemoryRouter>
        <AgentDetail agent={agent} />
      </MemoryRouter>,
    );
    expect(screen.getByText("realmroot-agent-subject")).toBeInTheDocument();
    expect(screen.queryByRole("button", { name: /create|edit|archive/i })).not.toBeInTheDocument();
  });

  it('[spec: agents/read-only-browser] keeps an Agent without identity visible and marks it "Identity not bound"', () => {
    const unboundAgent: AgentProjection = {
      ...agent,
      id: "agent-unbound",
      name: "Unbound Agent",
      username: null,
      runtime: null,
      subject: null,
      schedulable: false,
    };

    const list = renderWithQuery(
      <MemoryRouter>
        <AgentList agents={[unboundAgent]} />
      </MemoryRouter>,
    );
    expect(screen.getByRole("link", { name: /unbound agent/i })).toHaveAttribute("href", "/agents/agent-unbound");
    expect(screen.getByText("Identity not bound")).toBeInTheDocument();
    expect(screen.getByText("This Agent cannot be assigned until an identity is bound.")).toHaveClass("sr-only");
    list.unmount();

    renderWithQuery(
      <MemoryRouter>
        <AgentDetail agent={unboundAgent} />
      </MemoryRouter>,
    );
    expect(screen.getByText("Identity not bound")).toBeInTheDocument();
    expect(screen.getAllByText("Not bound")).toHaveLength(2);
  });
});

function renderWithQuery(children: ReactNode) {
  const client = new QueryClient({ defaultOptions: { queries: { retry: false } } });
  return render(<QueryClientProvider client={client}>{children}</QueryClientProvider>);
}