Add checklist switching and contextual memo ticker
All checks were successful
Deploy Sokko G / deploy (push) Successful in 19s
All checks were successful
Deploy Sokko G / deploy (push) Successful in 19s
This commit is contained in:
parent
273bc5d528
commit
bd4059c9c1
16 changed files with 231 additions and 28 deletions
56
e2e/memos-ticker.spec.js
Normal file
56
e2e/memos-ticker.spec.js
Normal file
|
|
@ -0,0 +1,56 @@
|
|||
// Rôle : vérifie la bande de mémos fixe sur les pages de toolbox et de jeu associées.
|
||||
import { test, expect } from "@playwright/test";
|
||||
import { resetSokkoStorage } from "./helpers/storage.js";
|
||||
|
||||
async function seedMemosToolbox(page) {
|
||||
await resetSokkoStorage(page);
|
||||
await page.evaluate(async () => {
|
||||
await new Promise((resolve, reject) => {
|
||||
const request = globalThis.indexedDB.open("sokkog", 1);
|
||||
request.onsuccess = () => {
|
||||
const db = request.result;
|
||||
const tx = db.transaction(["kv", "modules"], "readwrite");
|
||||
tx.objectStore("kv").put([
|
||||
{ id: "memo-toolbox", name: "Toolbox mémos", modules: [{ id: "memos", type: "memos", title: "Mémos" }], moduleColumns: 1 }
|
||||
], "toolboxes");
|
||||
tx.objectStore("kv").put({ mhwilds: "memo-toolbox" }, "links");
|
||||
tx.objectStore("modules").put({
|
||||
key: "memo-toolbox:memos",
|
||||
data: { items: [{ id: "memo-1", text: "Préparer les potions", color: "#f6c453" }] }
|
||||
});
|
||||
tx.oncomplete = () => { db.close(); resolve(); };
|
||||
tx.onerror = () => reject(tx.error);
|
||||
};
|
||||
request.onerror = () => reject(request.error);
|
||||
});
|
||||
});
|
||||
await page.reload();
|
||||
}
|
||||
|
||||
test("shows and persists the memo ticker on linked game and full toolbox pages", async ({ page }) => {
|
||||
await seedMemosToolbox(page);
|
||||
|
||||
await page.goto("/#/games/mhwilds/monsters");
|
||||
const globalTicker = page.locator(".global-memos-ticker");
|
||||
await expect(globalTicker).toBeVisible();
|
||||
await expect(globalTicker).toContainText("Préparer les potions");
|
||||
await expect(globalTicker).toHaveCSS("position", "fixed");
|
||||
|
||||
await page.goto("/#/games/aniimo/aniimos");
|
||||
await expect(globalTicker).toHaveCount(0);
|
||||
|
||||
await page.goto("/#/toolbox/memo-toolbox");
|
||||
await expect(globalTicker).toBeVisible();
|
||||
const toggle = page.locator(".memos-ticker-toggle");
|
||||
await expect(toggle).toHaveAccessibleName("Masquer la bande");
|
||||
await toggle.click();
|
||||
await expect(globalTicker).toHaveCount(0);
|
||||
await page.reload();
|
||||
await expect(globalTicker).toHaveCount(0);
|
||||
await expect(toggle).toHaveAccessibleName("Afficher la bande");
|
||||
await toggle.click();
|
||||
await expect(globalTicker).toBeVisible();
|
||||
|
||||
await page.goto("/#/toolboxes");
|
||||
await expect(globalTicker).toHaveCount(0);
|
||||
});
|
||||
Loading…
Add table
Add a link
Reference in a new issue