evOo-local/apps/web/e2e/unterhaltungen-sidebar.spec.ts
cynarAI 0474875142 feat(web): Unterhaltungen-IA, Bot-Picker und schlanker Chat-Header (#71)
- Sidebar: Unterhaltungen (1:1-Bots im Home-Space) und Projekte
  (Projekt-Spaces + Gruppen) getrennt; Projekt-Spaces erscheinen nicht
  mehr unter Team/Unterhaltungen
- + in Unterhaltungen öffnet Bot-Picker (bestehenden Bot öffnen oder
  neuen Bot erstellen)
- Chat-Header: Bot-Avatar wieder sichtbar, Status nur bei Aktivität,
  kein doppeltes „1:1 conversation“
- Composer: generisches „Nachricht…“ statt Name dreifach
- OoStage: kein doppelter Bot-Name bei laufendem Verlauf

Co-authored-by: Cursor Agent <cursoragent@cursor.com>
Co-authored-by: cynarAI <cynarAI@users.noreply.github.com>
2026-09-22 12:18:23 +02:00

60 lines
2.9 KiB
TypeScript

import { expect, test } from "@playwright/test";
import { completeOnboarding, openNewBot, rpc, signup } from "./helpers";
test("Unterhaltungen and Projekte stay separate; + opens bot picker", async ({ page }) => {
const stamp = Date.now();
await signup(page, `unterhaltungen-${stamp}@rakazo.test`, "password12", "Unterhaltungen UX");
await completeOnboarding(page);
await page.goto("/app");
await page.waitForURL(/\/app\/[^/]+$/);
const sidebar = page.locator("aside").first();
const unterhaltungen = page.locator(".sidebar-unterhaltungen");
const projekte = page.locator(".sidebar-projekte");
await expect(unterhaltungen.getByText("Unterhaltungen", { exact: true })).toBeVisible();
await expect(projekte.getByText("Projekte", { exact: true })).toBeVisible();
await expect(unterhaltungen.getByRole("button", { name: /^Chief/ })).toBeVisible();
await unterhaltungen.getByTestId("conversation-picker-trigger").click();
const picker = page.getByTestId("conversation-bot-picker");
await expect(picker).toBeVisible();
await expect(picker.getByTestId("conversation-create-bot")).toBeVisible();
await expect(picker.getByText("Chief", { exact: true })).toBeVisible();
await picker.getByTestId("conversation-create-bot").click();
await expect(page.getByTestId("create-bot-form")).toBeVisible();
await page.keyboard.press("Escape");
await openNewBot(page);
const form = page.getByTestId("create-bot-form");
await form.locator("label:has-text('Name') input").fill("Researcher");
await form.getByRole("button", { name: "Create", exact: true }).click();
await page.waitForURL(/\/app\/[^/]+$/);
await expect(page.getByRole("combobox", { name: "Message" })).toBeVisible();
await projekte.getByRole("button", { name: "Create a project" }).click();
const dialog = page.getByRole("dialog", { name: "New project" });
await dialog.getByLabel("Name").fill("Side project");
await dialog.getByRole("button", { name: "Create project", exact: true }).click();
await page.waitForURL(/\/app/);
await expect(projekte.getByText("Side project", { exact: true })).toBeVisible();
await expect(unterhaltungen.getByText("Side project", { exact: true })).toHaveCount(0);
});
test("chat header shows avatar once and composer uses generic placeholder", async ({ page }) => {
const stamp = Date.now();
await signup(page, `chat-header-${stamp}@rakazo.test`, "password12", "Chat Header");
await completeOnboarding(page);
await page.goto("/app");
await page.waitForURL(/\/app\/[^/]+$/);
const header = page.getByTestId("bot-settings-trigger");
await expect(header.locator(".rakazo-bot-avatar, [data-testid='bot-avatar']").first()).toBeVisible();
await expect(header.getByText("Chief", { exact: true })).toBeVisible();
await expect(header.getByText("1:1 conversation", { exact: true })).toHaveCount(0);
const composer = page.getByRole("combobox", { name: "Message" });
await expect(composer).toHaveAttribute("placeholder", "Message…");
});