Add planner-aware memos and unified tool configuration panels
All checks were successful
Deploy Sokko G / deploy (push) Successful in 18s
All checks were successful
Deploy Sokko G / deploy (push) Successful in 18s
This commit is contained in:
parent
acd9b2fe11
commit
808610dcf2
53 changed files with 842 additions and 329 deletions
|
|
@ -8,7 +8,7 @@ import { normalizeChecklistData } from "../website/src/features/toolboxes/storag
|
|||
const route = "/#/games/aniimo/aniimos";
|
||||
const storageKey = "sokkog:guide-checklists";
|
||||
const controls = (page, id) => page.locator('[data-module-type="checklist"]').filter({ has: page.getByRole("button", { name: `Retirer ${id}`, exact: true }) }).locator(".guide-checklist-controls");
|
||||
const controlsToggle = (page, id) => page.getByRole("button", { name: `Lien avec le guide — ${id}`, exact: true });
|
||||
const controlsToggle = (page, id) => page.locator('[data-module-type="checklist"]').filter({ has: page.getByRole("button", { name: `Retirer ${id}`, exact: true }) }).getByRole("button", { name: "Configuration", exact: true });
|
||||
const linkButton = (page, id) => controls(page, id).locator(".guide-checklist-link");
|
||||
const activeButtons = (page) => page.locator('.guide-checklist-link[aria-pressed="true"]');
|
||||
const hiddenSwitch = (page) => page.locator('.guide-checklist-controls[data-linked="true"]').getByRole("button", { name: "Masquer les cochés", exact: true });
|
||||
|
|
@ -97,7 +97,7 @@ async function closeDrawer(page) {
|
|||
await page.locator("#toolbox-drawer").getByRole("button", { name: "Fermer", exact: true }).click();
|
||||
}
|
||||
async function openControls(page, id) {
|
||||
const toggle = id ? controlsToggle(page, id) : page.locator('.module-guide-button[data-linked="true"]');
|
||||
const toggle = id ? controlsToggle(page, id) : page.locator('.module-configuration-button[data-guide-linked="true"]');
|
||||
await expect(toggle).toBeVisible();
|
||||
if (await toggle.getAttribute("aria-expanded") === "false") await toggle.click();
|
||||
}
|
||||
|
|
@ -117,8 +117,8 @@ async function toggleHidden(page) {
|
|||
}
|
||||
async function assertLink(page, id, hidden) {
|
||||
await openDrawer(page);
|
||||
await expect(activeButtons(page)).toHaveCount(id ? 1 : 0);
|
||||
if (id) await openControls(page, id);
|
||||
await expect(activeButtons(page)).toHaveCount(id ? 1 : 0);
|
||||
if (id) await expect(linkButton(page, id)).toHaveAttribute("aria-pressed", "true");
|
||||
if (id) await expect(hiddenSwitch(page)).toHaveAttribute("aria-pressed", String(hidden));
|
||||
else await expect(hiddenSwitch(page)).toHaveCount(0);
|
||||
|
|
@ -206,11 +206,11 @@ for (const width of [1280, 390]) {
|
|||
await expect(pageControls.getByRole("button")).toHaveCount(0);
|
||||
await openDrawer(page);
|
||||
await expect(activeButtons(page)).toHaveCount(0);
|
||||
await expect(page.locator(".guide-checklist-controls")).toHaveCount(3);
|
||||
await expect(page.locator(".guide-checklist-controls")).toHaveCount(0);
|
||||
await expect(page.locator(".guide-checklist-controls select")).toHaveCount(0);
|
||||
await expect(controls(page, "unrelated")).toHaveCount(0);
|
||||
await expect(controlsToggle(page, "unrelated")).toHaveCount(0);
|
||||
await expect(controls(page, "capture")).toBeHidden();
|
||||
await expect(controlsToggle(page, "unrelated")).toHaveCount(1);
|
||||
await expect(controls(page, "capture")).toHaveCount(0);
|
||||
await openControls(page, "capture");
|
||||
await expect(controls(page, "capture").getByRole("button", { name: "Masquer les cochés" })).toBeDisabled();
|
||||
const before = await readModule(page, "forms");
|
||||
|
|
@ -218,15 +218,14 @@ for (const width of [1280, 390]) {
|
|||
await expect(heading).toHaveAttribute("aria-expanded", "false");
|
||||
expect(await heading.evaluate((button) => button.previousElementSibling.classList.contains("module-edit-button"))).toBe(true);
|
||||
await heading.press("Enter");
|
||||
await expect(heading).toHaveAttribute("aria-pressed", "true");
|
||||
await expect(controls(page, "forms")).toHaveAttribute("id", await heading.getAttribute("aria-controls"));
|
||||
await expect(heading).toHaveAttribute("aria-expanded", "true");
|
||||
await expect(page.locator(`[id="${await heading.getAttribute("aria-controls")}"]`)).toHaveClass(/module-configuration-panel/);
|
||||
await linkButton(page, "forms").press("Enter");
|
||||
await expect(linkButton(page, "forms")).toHaveAttribute("aria-pressed", "true");
|
||||
const panel = controls(page, "forms");
|
||||
await heading.press("Space");
|
||||
await expect(heading).toHaveAttribute("aria-expanded", "false");
|
||||
await expect(heading).toHaveAttribute("aria-pressed", "false");
|
||||
await expect(heading).toHaveAttribute("data-linked", "true");
|
||||
await expect(heading).toHaveAttribute("data-guide-linked", "true");
|
||||
await expect(linkButton(page, "forms")).toBeHidden();
|
||||
await expect(card).toHaveAttribute("data-checklist-complete", "true");
|
||||
await heading.press("Enter");
|
||||
|
|
@ -357,7 +356,7 @@ test("renames retain a zero-match selection; changing toolbox clears the associa
|
|||
await dialog.getByRole("combobox").selectOption("other");
|
||||
await dialog.getByRole("button", { name: "Valider", exact: true }).click();
|
||||
await expect(activeButtons(page)).toHaveCount(0);
|
||||
await expect(page.locator(".guide-checklist-controls")).toHaveCount(1);
|
||||
await expect(page.locator(".guide-checklist-controls")).toHaveCount(0);
|
||||
expect(await page.evaluate((key) => globalThis.localStorage.getItem(key), storageKey)).toBeNull();
|
||||
});
|
||||
|
||||
|
|
@ -398,7 +397,7 @@ test("unavailable local storage retains links in memory across navigation; overv
|
|||
await page.goto("/#/toolbox/guide");
|
||||
await expect(page.locator('[data-module-type="checklist"]')).toHaveCount(4);
|
||||
await expect(page.locator(".guide-checklist-controls")).toHaveCount(0);
|
||||
await expect(page.locator(".module-guide-button")).toHaveCount(0);
|
||||
await expect(page.locator('.module-configuration-button[data-guide-linked="true"]')).toHaveCount(0);
|
||||
await page.goto(route);
|
||||
await assertLink(page, "perfect", true);
|
||||
await openDrawer(page);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue