// SPDX-License-Identifier: LicenseRef-ConusAI-Template-1.0
// Shared selection styles reach the first paint: the table's geometry and count do not wait for
// hydration. The Notes workspace page needs no module-specific stylesheet.

import { expect, test } from "@playwright/test"
import { makeOrganization, signIn, unique } from "./support/app"

test("shared selection styles apply with the browser's scripts turned off", async ({ browser, page }) => {
  await signIn(page, `${unique("owner")}@example.test`)
  const { org, workspace } = await makeOrganization(page)
  const state = await page.context().storageState()
  const context = await browser.newContext({
    baseURL: `http://127.0.0.1:${process.env.E2E_WEB_PORT ?? 3100}`,
    javaScriptEnabled: false,
    storageState: state,
  })
  const plain = await context.newPage()
  await plain.goto(`/${org}/${workspace}/modules/notes`)
  await expect(plain.locator("[data-slot=resource-count]")).toHaveCSS("font-variant-numeric", "tabular-nums")
  const box = await plain.locator(".kit-data-table-box").first().boundingBox()
  expect(box?.width).toBe(box?.height)
  await context.close()
})