251 lines
9.0 KiB
TypeScript
251 lines
9.0 KiB
TypeScript
import { expect, test } from "@playwright/test";
|
|
|
|
test("loads standalone and keeps the core play workflow local", async ({
|
|
page,
|
|
}) => {
|
|
const runtimeErrors: string[] = [];
|
|
page.on("pageerror", (error) => runtimeErrors.push(error.message));
|
|
page.on("console", (message) => {
|
|
if (message.type() === "error") runtimeErrors.push(message.text());
|
|
});
|
|
|
|
await page.goto("/deep/nested/sudoku/");
|
|
|
|
await expect(
|
|
page.getByRole("heading", { name: "A first classic" }),
|
|
).toBeVisible();
|
|
const grid = page.getByRole("grid", { name: "9 by 9 Sudoku grid" });
|
|
await expect(grid).toBeVisible();
|
|
await expect(grid.getByRole("gridcell")).toHaveCount(81);
|
|
|
|
await grid.getByRole("gridcell", { name: "Row 1, column 3, empty" }).click();
|
|
await page
|
|
.getByRole("group", { name: "Digits" })
|
|
.getByRole("button", { name: "2", exact: true })
|
|
.click();
|
|
await expect(
|
|
grid.getByRole("gridcell", { name: "Row 1, column 3, 2" }),
|
|
).toBeVisible();
|
|
|
|
await page.getByRole("button", { name: "Undo" }).click();
|
|
await expect(
|
|
grid.getByRole("gridcell", { name: "Row 1, column 3, empty" }),
|
|
).toBeVisible();
|
|
|
|
const placedFour = grid.getByRole("gridcell", {
|
|
name: "Row 1, column 1, 4",
|
|
});
|
|
await placedFour.click({ modifiers: ["Control"] });
|
|
expect(await grid.locator(".is-digit-highlighted").count()).toBeGreaterThan(
|
|
1,
|
|
);
|
|
await placedFour.click({ modifiers: ["Control"] });
|
|
await expect(grid.locator(".is-digit-highlighted")).toHaveCount(0);
|
|
|
|
await page.getByRole("button", { name: "Helpers" }).click();
|
|
await expect(
|
|
page.getByRole("heading", { name: "Sudoku helpers" }),
|
|
).toBeVisible();
|
|
await expect(
|
|
page.getByRole("tab", { name: "Killer combinations" }),
|
|
).toHaveAttribute("aria-selected", "true");
|
|
await expect(page.locator(".helper-result")).toContainText("4 combinations");
|
|
|
|
await page.getByRole("button", { name: "Import / export" }).click();
|
|
await expect(
|
|
page.getByRole("heading", { name: "Import and export" }),
|
|
).toBeVisible();
|
|
await expect(
|
|
page.getByText(/Server-only short IDs are never fetched\./u),
|
|
).toBeVisible();
|
|
await expect(
|
|
page.getByText(/Share links are self-contained\./u),
|
|
).toBeVisible();
|
|
|
|
expect(runtimeErrors).toEqual([]);
|
|
});
|
|
|
|
test("replaces setter cages and generates a rated variant", async ({
|
|
page,
|
|
}) => {
|
|
const runtimeErrors: string[] = [];
|
|
page.on("pageerror", (error) => runtimeErrors.push(error.message));
|
|
page.on("console", (message) => {
|
|
if (message.type() === "error") runtimeErrors.push(message.text());
|
|
});
|
|
|
|
await page.goto("/deep/nested/sudoku/");
|
|
await page.getByRole("button", { name: "New blank" }).click();
|
|
const grid = page.getByRole("grid", { name: "9 by 9 Sudoku grid" });
|
|
await grid.getByRole("gridcell", { name: "Row 1, column 1, empty" }).click();
|
|
await grid
|
|
.getByRole("gridcell", { name: "Row 1, column 2, empty" })
|
|
.click({ modifiers: ["Shift"] });
|
|
|
|
await page.getByRole("spinbutton", { name: "Cage sum" }).fill("3");
|
|
await page.getByRole("button", { name: "Add / replace cage" }).click();
|
|
await expect(page.getByText("3 cage · 2 cells")).toBeVisible();
|
|
await page.getByRole("spinbutton", { name: "Cage sum" }).fill("4");
|
|
await page.getByRole("button", { name: "Add / replace cage" }).click();
|
|
await expect(page.getByText("3 cage · 2 cells")).toHaveCount(0);
|
|
await expect(page.getByText("4 cage · 2 cells")).toBeVisible();
|
|
await page.getByRole("button", { name: "Remove selected cage" }).click();
|
|
await expect(page.getByText("4 cage · 2 cells")).toHaveCount(0);
|
|
|
|
await page.getByRole("button", { name: "Generate", exact: true }).click();
|
|
await page.getByLabel("Variant").selectOption("thermo");
|
|
await page
|
|
.getByRole("combobox", { name: "Grid", exact: true })
|
|
.selectOption("4");
|
|
await page.getByLabel("Requested profile").selectOption("beginner");
|
|
await page.getByLabel("Seed").fill("browser-thermo");
|
|
await page.getByRole("button", { name: "Generate Thermo" }).click();
|
|
|
|
await expect(
|
|
page.getByRole("heading", { name: "Thermo · browser-thermo" }),
|
|
).toBeVisible({ timeout: 60_000 });
|
|
await expect(page.getByText("Difficulty assessment")).toBeVisible();
|
|
await expect(page.locator(".difficulty-card .status-pill")).toHaveText(
|
|
"unique",
|
|
);
|
|
await expect(page.locator(".constraint-thermo")).not.toHaveCount(0);
|
|
|
|
expect(runtimeErrors).toEqual([]);
|
|
});
|
|
|
|
test("uses distinct numbered sum badges and directional inequalities", async ({
|
|
page,
|
|
}) => {
|
|
const runtimeErrors: string[] = [];
|
|
page.on("pageerror", (error) => runtimeErrors.push(error.message));
|
|
page.on("console", (message) => {
|
|
if (message.type() === "error") runtimeErrors.push(message.text());
|
|
});
|
|
|
|
await page.goto("/deep/nested/sudoku/");
|
|
const examples = page.getByLabel("Open built-in puzzle");
|
|
|
|
await examples.selectOption("xv");
|
|
await expect(
|
|
page.getByRole("heading", { name: "Five or ten" }),
|
|
).toBeVisible();
|
|
await expect(page.locator(".constraint-xv--5 text").first()).toHaveText("5");
|
|
await expect(page.locator(".constraint-xv--10 text").first()).toHaveText(
|
|
"10",
|
|
);
|
|
|
|
await examples.selectOption("inequality");
|
|
await expect(
|
|
page.getByRole("heading", { name: "Lesser and greater" }),
|
|
).toBeVisible();
|
|
await expect(page.locator(".constraint-inequality")).not.toHaveCount(0);
|
|
await expect(
|
|
page.locator(".constraint-inequality-tip").first(),
|
|
).toBeVisible();
|
|
|
|
await examples.selectOption("truth-and-lies");
|
|
await expect(
|
|
page.getByRole("heading", { name: "Truth and lies" }),
|
|
).toBeVisible();
|
|
await expect(page.locator(".constraint-outside")).toHaveCount(4);
|
|
await expect(page.locator(".constraint-quadruple")).toHaveCount(2);
|
|
await expect(page.locator(".constraint-maximum")).toHaveCount(2);
|
|
await expect(page.locator(".constraint-outside.is-negated")).toHaveCount(2);
|
|
|
|
await page.setViewportSize({ width: 390, height: 844 });
|
|
const outsideBox = await page
|
|
.locator(".constraint-outside")
|
|
.first()
|
|
.boundingBox();
|
|
const maximumBox = await page
|
|
.locator(".constraint-maximum")
|
|
.first()
|
|
.boundingBox();
|
|
expect(outsideBox?.width ?? 0).toBeGreaterThan(18);
|
|
expect(outsideBox?.height ?? 0).toBeGreaterThan(12);
|
|
expect(maximumBox?.width ?? 0).toBeGreaterThan(12);
|
|
expect(maximumBox?.height ?? 0).toBeGreaterThan(12);
|
|
await expect(
|
|
page.locator(".constraint-thermo .constraint-false-mark").first(),
|
|
).toBeVisible();
|
|
|
|
expect(runtimeErrors).toEqual([]);
|
|
});
|
|
|
|
test("keeps navigation, scratch work, branches and analysis tools local", async ({
|
|
page,
|
|
}) => {
|
|
const runtimeErrors: string[] = [];
|
|
page.on("pageerror", (error) => runtimeErrors.push(error.message));
|
|
page.on("console", (message) => {
|
|
if (message.type() === "error") runtimeErrors.push(message.text());
|
|
});
|
|
|
|
await page.goto("/deep/nested/sudoku/");
|
|
const grid = page.getByRole("grid", { name: "9 by 9 Sudoku grid" });
|
|
const first = grid.getByRole("gridcell", {
|
|
name: "Row 1, column 1, 4",
|
|
});
|
|
await first.focus();
|
|
await first.press("End");
|
|
await expect(
|
|
grid.getByRole("gridcell", { name: /Row 1, column 9,/u }),
|
|
).toBeFocused();
|
|
await page.keyboard.press("PageDown");
|
|
await expect(
|
|
grid.getByRole("gridcell", { name: /Row 9, column 9,/u }),
|
|
).toBeFocused();
|
|
await page.keyboard.press("Control+Home");
|
|
await expect(first).toBeFocused();
|
|
|
|
await page.getByLabel("Show aid-mémoire scratch cells").check();
|
|
const scratch = page.getByRole("grid", {
|
|
name: "9 aid-mémoire scratch cells",
|
|
});
|
|
const scratchCell = scratch.getByRole("gridcell").first();
|
|
await scratchCell.click();
|
|
await page
|
|
.getByRole("group", { name: "Digits" })
|
|
.getByRole("button", { name: "2", exact: true })
|
|
.click();
|
|
await expect(scratch.getByRole("gridcell").first()).toHaveAccessibleName(
|
|
/value 2/u,
|
|
);
|
|
|
|
await page.getByRole("button", { name: "History & branches" }).click();
|
|
await page.getByLabel("Savepoint name").fill("Before test branch");
|
|
await page.getByRole("button", { name: "Save current grid" }).click();
|
|
await expect(
|
|
page.getByText("Before test branch", { exact: true }),
|
|
).toBeVisible();
|
|
await page.getByLabel("Hypothesis name").fill("Try a two");
|
|
await page.getByRole("button", { name: "Start hypothesis" }).click();
|
|
|
|
const empty = grid.getByRole("gridcell", {
|
|
name: "Row 1, column 3, empty",
|
|
});
|
|
await empty.click();
|
|
await page
|
|
.getByRole("group", { name: "Digits" })
|
|
.getByRole("button", { name: "2", exact: true })
|
|
.click();
|
|
await expect(
|
|
grid.getByRole("gridcell", { name: "Row 1, column 3, 2" }),
|
|
).toBeVisible();
|
|
await page.getByRole("button", { name: "Hypothesis: Try a two" }).click();
|
|
await page.getByRole("button", { name: "Discard and return" }).click();
|
|
await expect(empty).toBeVisible();
|
|
|
|
await page.getByRole("button", { name: "Helpers" }).click();
|
|
await page.getByRole("tab", { name: "Sum Lab" }).click();
|
|
await expect(
|
|
page.getByRole("heading", { name: "Generalized Sum Lab" }),
|
|
).toBeVisible();
|
|
await page.getByRole("tab", { name: "Candidate links" }).click();
|
|
await expect(
|
|
page.getByRole("heading", { name: "Links and houses" }),
|
|
).toBeVisible();
|
|
|
|
expect(runtimeErrors).toEqual([]);
|
|
});
|