119 lines
6.4 KiB
JavaScript
119 lines
6.4 KiB
JavaScript
// Rôle : couvre chargement différé, cache de navigation, erreurs et annulations des données publiques.
|
|
/* global window, document */
|
|
import { test, expect } from "@playwright/test";
|
|
import { fileURLToPath, URL } from "node:url";
|
|
|
|
const probeUrl = `/@fs/${fileURLToPath(new URL("./fixtures/app-data-probe.js", import.meta.url))}`;
|
|
const siteUrl = "/data/site.json";
|
|
const gamesUrl = "/data/games.json";
|
|
const diabloUrl = "/data/diablo4/affixes_types.json";
|
|
const mhwBase = "/data/mhwilds/";
|
|
|
|
async function setup(page, route = "/") {
|
|
await page.route("**/__app-data-probe", (request) => request.fulfill({
|
|
contentType: "text/html", body: '<!doctype html><div id="probe"></div>'
|
|
}));
|
|
await page.goto("/__app-data-probe");
|
|
await page.evaluate(async ({ url, route }) => {
|
|
const { mountAppDataProbe } = await import(url);
|
|
window.dataProbe = mountAppDataProbe(document.getElementById("probe"), route);
|
|
}, { url: probeUrl, route });
|
|
}
|
|
|
|
async function state(page) {
|
|
return JSON.parse(await page.locator("#data-state").textContent());
|
|
}
|
|
|
|
async function respond(page, url, payload, status = 200, aborted = false) {
|
|
await page.evaluate(({ url, payload, status, aborted }) => {
|
|
window.dataProbe.respond(url, payload, status, aborted);
|
|
}, { url, payload, status, aborted });
|
|
}
|
|
|
|
test("game data loads only on demand and remains cached through navigation", async ({ page }) => {
|
|
await setup(page);
|
|
expect((await state(page)).mhwilds.loading).toBe(false);
|
|
expect(await page.evaluate(() => window.dataProbe.requests().map((request) => request.url)))
|
|
.toEqual([siteUrl, gamesUrl, siteUrl, gamesUrl]);
|
|
await respond(page, siteUrl, { title: "Current" });
|
|
await respond(page, gamesUrl, { games: [{ id: "mhwilds" }] });
|
|
await expect.poll(async () => (await state(page)).siteContent?.title).toBe("Current");
|
|
await respond(page, siteUrl, { title: "Obsolete" }, 200, true);
|
|
await respond(page, gamesUrl, {}, 503, true);
|
|
|
|
const snapshots = await page.evaluate(() => {
|
|
window.dataProbe.navigate("/games/mhwilds");
|
|
return window.dataProbe.snapshots;
|
|
});
|
|
expect(snapshots.length).toBeGreaterThan(0);
|
|
for (const snapshot of snapshots) {
|
|
expect(snapshot.mhwilds.loading).toBe(true);
|
|
expect(snapshot.mhwilds.loaded).toBe(false);
|
|
expect(snapshot.siteContent.title).toBe("Current");
|
|
expect(snapshot.gamesError).toBe("");
|
|
}
|
|
await respond(page, `${mhwBase}monsters.json`, { monsters: [{ id: "rey-dau" }] });
|
|
await respond(page, `${mhwBase}endemic_life.json`, {});
|
|
await respond(page, `${mhwBase}lists/index.json`, { lists: [{ id: "farm", file: "farm.json" }] });
|
|
await respond(page, `${mhwBase}i18n/fr.json`, { hello: "Bonjour" });
|
|
await expect.poll(() => page.evaluate(() => window.dataProbe.requests().some((request) => request.url.endsWith("/farm.json")))).toBe(true);
|
|
await page.evaluate(() => {
|
|
window.dataProbe.navigate("/games/diablo4");
|
|
window.dataProbe.navigate("/");
|
|
});
|
|
await respond(page, `${mhwBase}lists/farm.json`, { titre: "Farm", items: [{ nom: "Potion", quantite: 2 }] });
|
|
await respond(page, diabloUrl, { affixes: [{ id: "damage" }], categories: [{ id: "attack" }] });
|
|
await expect.poll(async () => (await state(page)).mhwilds.loaded).toBe(true);
|
|
await expect.poll(async () => (await state(page)).diablo4.loaded).toBe(true);
|
|
const loaded = await state(page);
|
|
expect(loaded.mhwilds.lists[0].categories[0].items[0].quantity).toBe(2);
|
|
expect(loaded.diablo4.categoryMap.attack).toEqual({ id: "attack" });
|
|
const count = await page.evaluate(() => window.dataProbe.requests().length);
|
|
await page.evaluate(() => {
|
|
window.dataProbe.navigate("/games/mhwilds/monsters");
|
|
window.dataProbe.navigate("/games/diablo4");
|
|
});
|
|
expect(await page.evaluate(() => window.dataProbe.requests().length)).toBe(count);
|
|
expect((await state(page)).mhwilds.loading).toBe(false);
|
|
await page.evaluate(() => window.dataProbe.unmount());
|
|
expect(await page.evaluate(() => window.dataProbe.requests().every((request) => request.aborted))).toBe(true);
|
|
});
|
|
|
|
test("StrictMode discards obsolete game failures and preserves current editorial errors", async ({ page }) => {
|
|
await setup(page, "/games/diablo4");
|
|
const requests = await page.evaluate(() => window.dataProbe.requests().filter((request) => request.url.includes("diablo4")));
|
|
expect(requests.map((request) => request.aborted)).toEqual([true, false]);
|
|
expect((await state(page)).diablo4.loading).toBe(true);
|
|
await respond(page, diabloUrl, { affixes: [{ id: "current" }] });
|
|
await expect.poll(async () => (await state(page)).diablo4.loaded).toBe(true);
|
|
await respond(page, diabloUrl, {}, 503, true);
|
|
await respond(page, siteUrl, {}, 503);
|
|
await respond(page, gamesUrl, { games: [] });
|
|
await expect.poll(async () => (await state(page)).siteContentError).toBe("Impossible de charger le contenu du site.");
|
|
expect((await state(page)).diablo4.error).toBe("");
|
|
expect((await state(page)).diablo4.affixes).toEqual([{ id: "current" }]);
|
|
await page.evaluate(() => window.dataProbe.unmount());
|
|
});
|
|
|
|
test("failed game loading stops and pending list requests are aborted on unmount", async ({ page }) => {
|
|
await setup(page, "/games/diablo4");
|
|
await respond(page, diabloUrl, {}, 503);
|
|
await expect.poll(async () => (await state(page)).diablo4.error).toBe("Impossible de charger les données Diablo IV.");
|
|
expect((await state(page)).diablo4).toMatchObject({ loaded: true, loading: false });
|
|
await page.evaluate(() => {
|
|
window.dataProbe.navigate("/");
|
|
window.dataProbe.navigate("/games/diablo4");
|
|
window.dataProbe.navigate("/games/mhwilds");
|
|
});
|
|
expect(await page.evaluate(() => window.dataProbe.requests().filter((request) => request.url.includes("diablo4")).length)).toBe(2);
|
|
await respond(page, `${mhwBase}monsters.json`, {});
|
|
await respond(page, `${mhwBase}endemic_life.json`, {});
|
|
await respond(page, `${mhwBase}lists/index.json`, { lists: [{ file: "pending.json" }] });
|
|
await respond(page, `${mhwBase}i18n/fr.json`, {});
|
|
await expect.poll(() => page.evaluate(() => window.dataProbe.requests().some((request) => request.url.endsWith("/pending.json")))).toBe(true);
|
|
await page.evaluate(() => window.dataProbe.unmount());
|
|
expect(await page.evaluate(() => window.dataProbe.requests().every((request) => request.aborted))).toBe(true);
|
|
await respond(page, `${mhwBase}lists/pending.json`, {}, 503, true);
|
|
await respond(page, siteUrl, {}, 503, true);
|
|
await respond(page, gamesUrl, {}, 503, true);
|
|
});
|