114 lines
5.1 KiB
JavaScript
114 lines
5.1 KiB
JavaScript
// 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");
|
|
const soonReset = new Date(Date.now() + 60 * 60 * 1000);
|
|
const resetTime = `${String(soonReset.getHours()).padStart(2, "0")}:${String(soonReset.getMinutes()).padStart(2, "0")}`;
|
|
tx.objectStore("kv").put([
|
|
{
|
|
id: "memo-toolbox",
|
|
name: "Toolbox mémos",
|
|
modules: [
|
|
{ id: "memos", type: "memos", title: "Mémos" },
|
|
{ id: "planner-one", type: "taskPlanner", title: "Urgent planner" },
|
|
{ id: "planner-two", type: "taskPlanner", title: "Other planner" }
|
|
],
|
|
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.objectStore("modules").put({
|
|
key: "memo-toolbox:planner-one",
|
|
data: {
|
|
resetTime,
|
|
tasks: [
|
|
{ id: "category-parent", title: "Raid principal", type: "unique", category: "Raid" },
|
|
{ id: "daily-task", title: "Faire le donjon", type: "daily" },
|
|
{ id: "done-task", title: "Déjà terminée", type: "daily", checked: true, checkedAt: Date.now() }
|
|
],
|
|
relations: [{ id: "relation", fromTaskId: "daily-task", toTaskId: "category-parent" }]
|
|
}
|
|
});
|
|
tx.objectStore("modules").put({
|
|
key: "memo-toolbox:planner-two",
|
|
data: { tasks: [{ id: "unique-task", title: "Ponctuelle", type: "unique" }] }
|
|
});
|
|
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);
|
|
});
|
|
|
|
test("links a planner, shows its reset warning and clears the link when it is removed", async ({ page }) => {
|
|
await seedMemosToolbox(page);
|
|
await page.goto("/#/toolbox/memo-toolbox");
|
|
|
|
const memos = page.locator('[data-module-id="memos"]');
|
|
await memos.getByRole("button", { name: "Configuration", exact: true }).click();
|
|
const dataSectionBox = await memos.locator(".module-configuration-data").boundingBox();
|
|
const settingsSectionBox = await memos.locator(".module-configuration-specific").boundingBox();
|
|
expect(settingsSectionBox.y).toBeGreaterThan(dataSectionBox.y + dataSectionBox.height);
|
|
expect(settingsSectionBox.width).toBeCloseTo(dataSectionBox.width, 0);
|
|
const plannerSelect = memos.getByRole("combobox", { name: "Planificateur lié", exact: true });
|
|
await expect(plannerSelect).toHaveValue("");
|
|
await plannerSelect.selectOption("planner-one");
|
|
|
|
const globalTicker = page.locator(".global-memos-ticker");
|
|
await expect(globalTicker).toContainText("Tâche : Raid Faire le donjon expire bientôt");
|
|
await expect(globalTicker).not.toContainText("Déjà terminée");
|
|
await expect(globalTicker.locator(".memos-ticker-item.is-task-warning .ui-icon-warning")).toHaveCount(2);
|
|
|
|
const planner = page.locator('[data-module-id="planner-one"]');
|
|
await planner.getByRole("button", { name: "Retirer Urgent planner", exact: true }).click();
|
|
await page.getByRole("dialog").getByRole("button", { name: "Retirer", exact: true }).click();
|
|
await expect(planner).toHaveCount(0);
|
|
await expect(plannerSelect).toHaveValue("");
|
|
await expect(globalTicker).not.toContainText("Faire le donjon");
|
|
|
|
await page.reload();
|
|
await memos.getByRole("button", { name: "Configuration", exact: true }).click();
|
|
await expect(plannerSelect).toHaveValue("");
|
|
});
|