saltbo__agent-kanban/tests/e2e/header/header-nav-to-settings.spec.ts

// spec: specs/agent-kanban.plan.md
// section: 4.4 Navigate to settings via avatar dropdown

import { expect, test } from "@playwright/test";
import { signUpAndGetBoard } from "../../helpers/auth";

test.describe("Header and Navigation", () => {
  test("Navigate to settings via avatar dropdown", async ({ page }) => {
    // 1. Sign in, click the user avatar, and then click 'Settings' in the dropdown
    await signUpAndGetBoard(page, `headersettings_${Date.now()}@example.com`);

    const header = page.locator("header");
    const avatarButton = header.locator("button.rounded-full");
    await avatarButton.click();

    const dropdown = page.locator('[data-slot="dropdown-menu-content"]');
    await expect(dropdown).toBeVisible();
    await dropdown.getByRole("menuitem", { name: "Settings" }).click();

    // expect: The user is navigated to the profile settings page
    await expect(page).toHaveURL(/\/settings\/profile$/);

    // expect: Identity and security management are delegated to Realmroot.
    await expect(page.getByRole("heading", { name: "Realmroot account" })).toBeVisible();
    await expect(page.getByRole("button", { name: /Manage in Realmroot/ })).toBeVisible();
    await expect(page.getByText(/password|api key|connect github/i)).toHaveCount(0);
  });
});