87 lines
4.1 KiB
TypeScript
87 lines
4.1 KiB
TypeScript
import { expect, test } from "@playwright/test";
|
|
import { completeOnboarding, openNewBot, signup, unterhaltungenOnly } from "./helpers";
|
|
|
|
test("conversations and projects 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 unterhaltungen = page.locator(".sidebar-unterhaltungen");
|
|
const projekte = page.locator(".sidebar-projekte");
|
|
|
|
await expect(unterhaltungen.getByText("Talk to your Oos", { exact: true })).toBeVisible();
|
|
await expect(projekte.getByText("Projects", { exact: true })).toBeVisible();
|
|
await expect(unterhaltungen.getByRole("button", { name: /^Chief/ })).toBeVisible();
|
|
const [projekteBox, unterhaltungenBox] = await Promise.all([
|
|
projekte.boundingBox(),
|
|
unterhaltungen.boundingBox(),
|
|
]);
|
|
expect(projekteBox).not.toBeNull();
|
|
expect(unterhaltungenBox).not.toBeNull();
|
|
expect(projekteBox!.y).toBeLessThan(unterhaltungenBox!.y);
|
|
|
|
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.getByTestId("create-project-trigger").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(unterhaltungenOnly(page).getByText("Side project", { exact: true })).toHaveCount(0);
|
|
|
|
// The main agent leads the picker, even after other bots exist.
|
|
await unterhaltungen.getByTestId("conversation-picker-trigger").click();
|
|
await expect(
|
|
page
|
|
.getByTestId("conversation-bot-picker")
|
|
.locator("[data-testid^='conversation-picker-bot-']")
|
|
.first(),
|
|
).toHaveText("Chief");
|
|
await page.keyboard.press("Escape");
|
|
|
|
// Creating a project that already exists opens it instead of listing it twice.
|
|
await projekte.getByTestId("create-project-trigger").click();
|
|
const again = page.getByRole("dialog", { name: "New project" });
|
|
await again.getByLabel("Name").fill("side project");
|
|
await again.getByRole("button", { name: "Create project", exact: true }).click();
|
|
await expect(again).toBeHidden();
|
|
await expect(projekte.getByText("Side project", { exact: true })).toHaveCount(1);
|
|
await expect(projekte.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…");
|
|
});
|