// F2 — automated WCAG 2.2 AA scans with axe-core across every
// top-level view. Runs only on chromium-desktop (axe's colour-contrast
// and computed-role checks need one real engine; repeating across the
// webkit/mobile projects adds cost without new signal).
//
// Auth is bootstrapped through `/__debug/store` exactly as the
// game-shell specs do; the in-game layout tolerates a missing gateway
// (ECONNREFUSED) and still renders the chrome + view shells, which is
// what the structural a11y scan needs.

import AxeBuilder from "@axe-core/playwright";
import { expect, test, type Page } from "@playwright/test";

const SESSION_ID = "f2-a11y-axe-session";
// A real UUID — the layout's auto-sync calls `uuidToHiLo` on it.
const GAME_ID = "10101010-1010-1010-1010-101010101010";

const WCAG_TAGS = ["wcag2a", "wcag2aa", "wcag21a", "wcag21aa", "wcag22aa"];

async function authenticate(page: Page): Promise<void> {
	await page.goto("/__debug/store");
	await expect(page.getByTestId("debug-store-ready")).toBeVisible();
	await page.waitForFunction(() => window.__galaxyDebug?.ready === true);
	await page.evaluate(() => window.__galaxyDebug!.clearSession());
	await page.evaluate(
		(id) => window.__galaxyDebug!.setDeviceSessionId(id),
		SESSION_ID,
	);
}

async function expectNoViolations(page: Page): Promise<void> {
	const results = await new AxeBuilder({ page }).withTags(WCAG_TAGS).analyze();
	// Surface the rule ids in the assertion message for a fast triage.
	expect(
		results.violations,
		results.violations.map((v) => `${v.id} (${v.nodes.length})`).join(", "),
	).toEqual([]);
}

test.describe("axe WCAG 2.2 AA", () => {
	test.beforeEach(({}, testInfo) => {
		test.skip(
			testInfo.project.name !== "chromium-desktop",
			"axe scan runs once, on chromium-desktop",
		);
	});

	test("login", async ({ page }) => {
		await page.goto("/login");
		await expect(page.locator("#main-content")).toBeVisible();
		await expectNoViolations(page);
	});

	test("lobby", async ({ page }) => {
		await authenticate(page);
		await page.goto("/lobby");
		await expect(page.locator("#main-content")).toBeVisible();
		await expectNoViolations(page);
	});

	test("lobby create", async ({ page }) => {
		await authenticate(page);
		await page.goto("/lobby/create");
		await expect(page.locator("#main-content")).toBeVisible();
		await expectNoViolations(page);
	});

	const inGameViews: Array<[string, string]> = [
		["map", "active-view-map"],
		["report", "active-view-report"],
		["mail", "active-view-mail"],
		["battle", "active-view-battle"],
		["designer/science", "active-view-designer-science"],
		["table/planets", "active-view-table"],
	];

	for (const [path, testId] of inGameViews) {
		test(`in-game: ${path}`, async ({ page }) => {
			await authenticate(page);
			await page.goto(`/games/${GAME_ID}/${path}`);
			await expect(page.getByTestId("game-shell")).toBeVisible();
			await expect(page.getByTestId(testId)).toBeVisible();
			await expectNoViolations(page);
		});
	}
});