mirror of
https://github.com/andrewyng/openworker.git
synced 2026-09-11 23:00:16 +00:00
Imported from andrewyng/aisuite@1b4bbf303e (contents of its platform/ directory, hoisted to the repo root). Development history prior to this commit lives in that repository. Co-authored-by: Devika <devikaverma11@gmail.com>
52 lines
2.1 KiB
TypeScript
52 lines
2.1 KiB
TypeScript
// Left-nav polish (§20): collapse (⌘B / brand button → reveal button docks it back) and the
|
|
// RECENT-header group/filter popover (Group by Persona↔Chronological, Filter by coworker).
|
|
import { expect } from "@playwright/test";
|
|
import { test } from "./fixtures";
|
|
|
|
test("collapse hides the sidebar and reclaims the width; reveal button docks it back", async ({
|
|
page,
|
|
}) => {
|
|
await page.goto("/");
|
|
const app = page.locator(".app");
|
|
await expect(page.locator(".sidebar")).toBeVisible();
|
|
|
|
// Collapse via the brand button.
|
|
await page.getByRole("button", { name: "Collapse sidebar" }).click();
|
|
await expect(app).toHaveClass(/nav-collapsed/);
|
|
// The floating reveal affordance appears; clicking it docks the nav back.
|
|
const reveal = page.getByRole("button", { name: "Show sidebar" });
|
|
await expect(reveal).toBeVisible();
|
|
await reveal.click();
|
|
await expect(app).not.toHaveClass(/nav-collapsed/);
|
|
});
|
|
|
|
test("⌘B toggles the sidebar collapse", async ({ page }) => {
|
|
await page.goto("/");
|
|
const app = page.locator(".app");
|
|
await page.keyboard.press("Meta+b");
|
|
await expect(app).toHaveClass(/nav-collapsed/);
|
|
await page.keyboard.press("Meta+b");
|
|
await expect(app).not.toHaveClass(/nav-collapsed/);
|
|
});
|
|
|
|
test("RECENT header group/filter popover: switch grouping + see coworker filters", async ({
|
|
page,
|
|
}) => {
|
|
await page.goto("/");
|
|
const header = page.getByTestId("recent-header");
|
|
await expect(header).toContainText("Recent");
|
|
|
|
await header.getByRole("button", { name: "Group and filter conversations" }).click();
|
|
const menu = page.getByTestId("group-filter-menu");
|
|
await expect(menu).toContainText("Group by");
|
|
await expect(menu).toContainText("Filter by coworker");
|
|
|
|
// Switch to Chronological → the persona accordion collapses into a flat list (the "OpenWorker"
|
|
// persona group header is no longer a row; sessions list directly).
|
|
await menu.getByText("Chronological").click();
|
|
await expect(menu.getByText("Chronological").locator("xpath=..")).toContainText("✓");
|
|
|
|
// Filter-by-coworker checkboxes are present (none checked by default → all shown).
|
|
await expect(menu).toContainText("None checked shows all.");
|
|
});
|