import { expect } from "e2e";
import { test, WEB } from "./t3.ts";

test("A server behind the client offers an update for prerelease identifiers", WEB, async ({ t3, app, screen, browser }) => {
  await t3.project("Version comparison demo");
  await t3.open("/settings/about");
  await screen.getByRole("button", `Copy version ${process.env.APP_VERSION}`).waitFor({ state: "visible" });
  await app.screenshot("client-version");
  await app.open("/settings/access");
  await screen.getByText(process.env.SCENARIO_SERVER_VERSION!, { exact: false }).first().waitFor({ state: "visible" });
  console.log("Browser locale:", await browser.evaluate(() => ({ language: navigator.language, collator: Intl.Collator().resolvedOptions().locale, comparison: "Z".localeCompare("a") })));
  await app.screenshot("server-version-status");
  await expect(screen.getByRole("button", "Copy relaunch command")).toBeVisible();
});