import { expect, test } from "../support/browser/strict-browser-test.js";

test("boots and navigates the compact production shell", async ({ page }) => {
  await page.goto("/");
  await expect(page.getByRole("main")).toBeVisible();
  const menu = page.getByRole("button", { name: "메뉴", exact: true });
  await expect(menu).toHaveCSS("min-width", "44px");
  await menu.click();
  await expect(page.getByRole("navigation", { name: "주요 탐색" })).toBeVisible();
  await page.getByRole("link", { name: "UI 구성요소" }).click();
  await expect(page).toHaveURL(/\/examples\/ui$/);
  await expect(page.locator("html")).toHaveAttribute("data-build-id", "local-build");
  const overflow = await page.evaluate(
    () => document.documentElement.scrollWidth - window.innerWidth,
  );
  expect(overflow).toBeLessThanOrEqual(1);
});