shinuwa/sokko-g
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Refocus responsive layouts on compact desktop use
All checks were successful
Deploy Sokko G / deploy (push) Successful in 19s
Details

Browse source
This commit is contained in:
Shinuwa 2026-10-05 15:47:46 +02:00
parent 96d058293d
commit 0ac1a0974e
27 changed files with 610 additions and 190 deletions
Download patch file Download diff file Expand all files Collapse all files

10
e2e/guide-checklist.spec.js
View file

@ -89,7 +89,11 @@ async function copyVisibleResults(page) {
async function openDrawer(page) {
const drawer = page.locator("#toolbox-drawer");
if (!await drawer.locator(".drawer-panel").isVisible()) await page.locator(".topbar-actions button").click();
if (!await drawer.locator(".drawer-panel").isVisible()) {
const compactTrigger = page.getByRole("tab", { name: "Toolbox", exact: true });
if (await compactTrigger.isVisible()) await compactTrigger.click();
else await page.getByRole("button", { name: "Afficher la toolbox", exact: true }).click();
}
await expect(drawer.locator(".drawer-panel")).toBeVisible();
return drawer;
}
@ -190,7 +194,7 @@ test("filtered results create a checklist in the linked active space without rep
expect(await page.evaluate((key) => globalThis.localStorage.getItem(key), storageKey)).toBe(associationBefore);
});
for (const width of [1280, 390]) {
for (const width of [1280, 768]) {
test(`drawer linking, page controls and persistent restoration at ${width}px`, async ({ page }) => {
test.setTimeout(60000);
await page.setViewportSize({ width, height: 900 });
@ -241,7 +245,7 @@ for (const width of [1280, 390]) {
const headingActionsBounds = await page.locator(".game-heading-actions").boundingBox();
expect(pageControlsBounds.y).toBeGreaterThanOrEqual(pageHeadingBounds.y);
expect(pageControlsBounds.y + pageControlsBounds.height).toBeLessThanOrEqual(pageHeadingBounds.y + pageHeadingBounds.height);
if (width > 760) {
if (width > 1024) {
expect(headingActionsBounds.height).toBeCloseTo(pageHeadingBounds.height, 0);
expect(pageControlsBounds.y).toBeCloseTo(pageHeadingBounds.y, 0);
}