import { expect, test } from "@playwright/test";

test("home page shows Stampli-parity chrome and mocks", async ({ page }) => {
  await page.goto("/");
  await expect(page.getByTestId("app-wordmark")).toContainText("STAMPLI");
  await expect(page.getByTestId("module-rail")).toBeVisible();
  await expect(page.getByTestId("nav-invoice-processing")).toBeVisible();
  await expect(page.getByTestId("page-title")).toHaveText("Invoice Processing");
  await expect(page.getByTestId("mocks-status")).toContainText("Mocks enabled");
});

test("AP-42 shell chrome: wordmark home, no org label, single nav badge", async ({ page }) => {
  await page.goto("/payments");
  await expect(page.getByTestId("payment-processing")).toBeVisible();

  await page.getByTestId("app-wordmark").click();
  await expect(page.getByTestId("page-title")).toHaveText("Invoice Processing");

  await expect(page.getByTestId("header-user-name")).toBeVisible();
  await expect(page.getByText("Seahaven", { exact: true })).toHaveCount(0);

  const invoiceNav = page.getByTestId("nav-invoice-processing");
  await expect(invoiceNav.locator(".MuiBadge-badge")).toHaveCount(1);
  await expect(invoiceNav.locator(".MuiBadge-badge")).toHaveText(/^\d+$|^99\+$/);

  const paymentNav = page.getByTestId("nav-payment-processing");
  await expect(paymentNav.locator(".MuiBadge-badge")).toHaveCount(1);
});