mirror of
https://github.com/saltbo/agent-kanban.git
synced 2026-09-19 09:01:47 +08:00
jarvis
33 lines
1.5 KiB
TypeScript
33 lines
1.5 KiB
TypeScript
// spec: specs/agent-kanban.plan.md
|
|
// section: 4.1 Header renders logo, nav links, theme toggle, and user avatar
|
|
|
|
import { expect, test } from "@playwright/test";
|
|
import { signUpAndGetBoard } from "../../helpers/auth";
|
|
|
|
test.describe("Header and Navigation", () => {
|
|
test("Header renders logo, nav links, theme toggle, and user avatar", async ({ page }) => {
|
|
// 1. Sign in and navigate to any protected page (e.g. /settings)
|
|
await signUpAndGetBoard(page, `headerelemts_${Date.now()}@example.com`);
|
|
await page.goto("/settings");
|
|
|
|
// expect: The header shows 'Agent Kanban' logo on the left
|
|
const header = page.locator("header");
|
|
await expect(header).toBeVisible();
|
|
await expect(header.getByRole("link", { name: "Agent Kanban" })).toBeVisible();
|
|
|
|
// expect: Both Realmroot-protected runtime resource pages are available.
|
|
await expect(header.getByRole("link", { name: "Agents" })).toBeVisible();
|
|
await expect(header.getByRole("link", { name: "Machines" })).toBeVisible();
|
|
|
|
// expect: A user avatar button is visible on the right
|
|
// The avatar is inside a DropdownMenuTrigger button
|
|
const avatarButton = header.locator("button").filter({ has: page.locator('[data-slot="avatar"]') });
|
|
await expect(avatarButton).toBeVisible();
|
|
|
|
// expect: A theme toggle icon button is visible on the right
|
|
// The theme toggle is the last button in the header (after the avatar)
|
|
const themeToggle = header.locator("button").last();
|
|
await expect(themeToggle).toBeVisible();
|
|
});
|
|
});
|