import { describe, it, expect, vi } from "vitest"; import { render, screen } from "@testing-library/react"; import userEvent from "@testing-library/user-event"; import { PersonaCard } from "../PersonaCard"; import type { Persona } from "@/shared/types/agents"; function makePersona(overrides: Partial = {}): Persona { return { id: "p1", displayName: "Goose Default", systemPrompt: "You are a helpful assistant that writes code.", isBuiltin: false, createdAt: new Date().toISOString(), updatedAt: new Date().toISOString(), ...overrides, }; } describe("PersonaCard", () => { it("renders persona name", () => { render(); expect(screen.getByText("Coder")).toBeInTheDocument(); }); it("shows built-in badge", () => { render(); expect(screen.getByText("Built-in")).toBeInTheDocument(); }); it("does not show built-in badge for custom personas", () => { render(); expect(screen.queryByText("Built-in")).not.toBeInTheDocument(); }); it("shows avatar with initial", () => { render(); expect(screen.getByText("A")).toBeInTheDocument(); }); it("shows system prompt preview", () => { render( , ); expect(screen.getByText("You are a coding assistant.")).toBeInTheDocument(); }); it("calls onSelect on click", async () => { const onSelect = vi.fn(); const user = userEvent.setup(); const persona = makePersona(); render(); await user.click(screen.getByLabelText(/^agent: /i)); expect(onSelect).toHaveBeenCalledWith(persona); }); it("shows dropdown menu on options button click", async () => { const user = userEvent.setup(); render( , ); await user.click(screen.getByRole("button", { name: /agent options/i })); expect(screen.getByRole("menu")).toBeInTheDocument(); expect(screen.getByRole("menuitem", { name: /edit/i })).toBeInTheDocument(); expect( screen.getByRole("menuitem", { name: /duplicate/i }), ).toBeInTheDocument(); expect( screen.getByRole("menuitem", { name: /delete/i }), ).toBeInTheDocument(); }); it("delete is disabled for built-in personas", async () => { const user = userEvent.setup(); render( , ); await user.click(screen.getByRole("button", { name: /agent options/i })); const deleteBtn = screen.queryByRole("menuitem", { name: /delete/i }); expect(deleteBtn).toBeNull(); }); it("does not trigger selection when keyboard opens the options menu", async () => { const onSelect = vi.fn(); const user = userEvent.setup(); render( , ); screen.getByRole("button", { name: /agent options/i }).focus(); await user.keyboard("{Enter}"); expect(screen.getByRole("menu")).toBeInTheDocument(); expect(onSelect).not.toHaveBeenCalled(); }); });