b83a5d4597
Rework the new-chat role-card empty state: - Remove the "Universal assistant" card; universal assistant is now the implicit default the user gets by typing without picking a card. - Show each role's description on its card (under the emoji and name). - Clicking a card immediately starts the chat: it binds the role to the new chat and sends the default opening prompt "Take a look at the current document" (one click, no separate select step). roleIdRef is set synchronously before sendMessage so the create request carries the role. - Show the current role's name in the window header badge and as the assistant's display name (transcript label + "… is typing…"), falling back to "AI agent" for a role-less chat. selectChat resets the picked role so it cannot leak into an unrelated existing chat. - Add the "Take a look at the current document" i18n key (en-US, ru-RU). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
72 lines
2.0 KiB
TypeScript
72 lines
2.0 KiB
TypeScript
import { describe, it, expect, vi, beforeAll } from "vitest";
|
|
import { render, screen, fireEvent } from "@testing-library/react";
|
|
import { MantineProvider } from "@mantine/core";
|
|
import RoleCards from "./role-cards";
|
|
import { IAiRole } from "@/features/ai-chat/types/ai-chat.types.ts";
|
|
|
|
// MantineProvider reads window.matchMedia (color scheme) on mount, which jsdom
|
|
// does not implement. Provide a minimal stub so the provider can render.
|
|
beforeAll(() => {
|
|
Object.defineProperty(window, "matchMedia", {
|
|
writable: true,
|
|
value: (query: string) => ({
|
|
matches: false,
|
|
media: query,
|
|
onchange: null,
|
|
addListener: vi.fn(),
|
|
removeListener: vi.fn(),
|
|
addEventListener: vi.fn(),
|
|
removeEventListener: vi.fn(),
|
|
dispatchEvent: vi.fn(),
|
|
}),
|
|
});
|
|
});
|
|
|
|
const roles: IAiRole[] = [
|
|
{
|
|
id: "r1",
|
|
name: "Pirate",
|
|
emoji: "🏴☠️",
|
|
description: "Talks like a pirate",
|
|
enabled: true,
|
|
},
|
|
{
|
|
id: "r2",
|
|
name: "Grandpa",
|
|
emoji: null,
|
|
description: null,
|
|
enabled: true,
|
|
},
|
|
];
|
|
|
|
function renderCards(onPick = vi.fn()) {
|
|
render(
|
|
<MantineProvider>
|
|
<RoleCards roles={roles} onPick={onPick} />
|
|
</MantineProvider>,
|
|
);
|
|
return onPick;
|
|
}
|
|
|
|
describe("RoleCards", () => {
|
|
it("renders one card per role with name, emoji, and description", () => {
|
|
renderCards();
|
|
expect(screen.getByText("Pirate")).toBeDefined();
|
|
expect(screen.getByText("Talks like a pirate")).toBeDefined();
|
|
expect(screen.getByText("Grandpa")).toBeDefined();
|
|
// The emoji is shown for the role that has one.
|
|
expect(screen.getByText("🏴☠️")).toBeDefined();
|
|
});
|
|
|
|
it("does NOT render a Universal assistant card", () => {
|
|
renderCards();
|
|
expect(screen.queryByText("Universal assistant")).toBeNull();
|
|
});
|
|
|
|
it("calls onPick with the role object when a card is clicked", () => {
|
|
const onPick = renderCards();
|
|
fireEvent.click(screen.getByText("Pirate"));
|
|
expect(onPick).toHaveBeenCalledWith(roles[0]);
|
|
});
|
|
});
|