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

Fix library anchor navigation and scroll cleanup
Some checks failed
Deploy Sokko G / deploy (push) Failing after 2s
Details

Browse source
This commit is contained in:
Shinuwa 2026-09-12 08:54:09 +02:00
parent 99d916f6db
commit 75d4d99a87
4 changed files with 88 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

54
e2e/library.spec.js
View file

@ -1,4 +1,5 @@
// Rôle : vérifie le chargement des outils de chaque catégorie de la librairie.
// Rôle : vérifie le chargement, la navigation par ancres et le nettoyage des défilements de la librairie.
/* global window, document */
import { test, expect } from "@playwright/test";
import { LIBRARY_CATEGORY_DEFINITIONS } from "../website/src/features/toolboxes/toolboxModuleRegistry.js";
@ -22,3 +23,54 @@ test("loads every library tool through the shared component registry", async ({
}
expect(errors).toEqual([]);
});
test("library follows deep links, same-page hashes and browser history", async ({ page }) => {
const errors = [];
page.on("pageerror", (error) => errors.push(error.message));
await page.goto("/#/library#library-tool-m6");
await expect(page.locator('[data-module-type="combos"]')).toBeVisible();
await expect(page.locator("#library-category-buildsCommands")).toBeVisible();
await page.evaluate(() => { window.location.hash = "/library#library-tool-m8"; });
await expect(page.locator('[data-module-type="table"]')).toBeVisible();
await expect(page.locator("#library-category-calculationData")).toBeVisible();
await page.goBack();
await expect(page.locator('[data-module-type="combos"]')).toBeVisible();
await page.evaluate(() => { window.location.hash = "/library#%E0%A4%A"; });
await expect(page.locator("#library-category-notesTracking")).toBeVisible();
expect(errors).toEqual([]);
});
test("library cancels obsolete scroll retries on selection and unmount", async ({ page }) => {
await page.goto("/#/library");
await expect(page.locator('[data-module-type="notepad"]')).toBeVisible();
await page.clock.install({ time: new Date("2026-09-11T12:00:00Z") });
await page.clock.pauseAt(new Date("2026-09-11T12:00:01Z"));
await page.evaluate(() => {
window.libraryScrolls = [];
window.scrollTo = (options) => window.libraryScrolls.push(options);
});
const nav = page.locator(".library-doc-nav");
await nav.locator('a[href="#/library#library-tool-m0"]').dispatchEvent("click");
await page.clock.runFor(40);
expect(await page.evaluate(() => window.libraryScrolls.length)).toBeGreaterThan(0);
await nav.locator('a[href="#/library#library-tool-m1"]').dispatchEvent("click");
await page.evaluate(() => { window.libraryScrolls = []; });
await page.clock.runFor(700);
const scrolls = await page.evaluate(() => window.libraryScrolls);
expect(scrolls).toHaveLength(4);
expect(scrolls.map((scroll) => scroll.behavior)).toEqual(["smooth", "auto", "auto", "auto"]);
await nav.locator('a[href="#/library#library-tool-m2"]').dispatchEvent("click");
await page.clock.runFor(40);
await page.evaluate(() => { window.location.hash = "/"; });
await expect(page.locator(".library-page")).toHaveCount(0);
// Garder une cible homonyme permet de détecter un ancien timer après démontage.
await page.evaluate(() => {
const target = document.createElement("div");
target.id = "library-tool-m2";
document.body.append(target);
window.libraryScrolls = [];
});
await page.clock.runFor(700);
expect(await page.evaluate(() => window.libraryScrolls)).toEqual([]);
});