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

test("keeps the primary workspace inside a narrow viewport", async ({
  page,
}) => {
  await page.goto("/deep/nested/schema/");
  await expect(page.locator("main").first()).toBeVisible();
  await expect(
    page.locator("main .loading, main .workbench-loading"),
  ).toHaveCount(0);

  const widths = await page.evaluate(() => ({
    content: document.documentElement.scrollWidth,
    viewport: document.documentElement.clientWidth,
  }));
  expect(widths.viewport).toBeLessThanOrEqual(430);
  expect(widths.content).toBeLessThanOrEqual(widths.viewport + 1);
});