// Parcours d'interactions Playwright sur la fiche (mobile) : galerie plein // écran, panneau « Voir les N lieux », « Demander à Ka », accordéons — vérifie // l'absence d'erreur JS et que chaque panneau s'ouvre puis se ferme. // Usage : node frontend/scripts/interactions.mjs [baseUrl] import { chromium, devices } from "playwright"; const UID = process.argv[2]; const BASE = process.argv[3] || "http://127.0.0.1:8096"; if (!UID) { console.error("usage: node interactions.mjs [baseUrl]"); process.exit(2); } const browser = await chromium.launch(); const ctx = await browser.newContext({ ...devices["iPhone 14"] }); const page = await ctx.newPage(); const errs = []; page.on("pageerror", (e) => errs.push("PAGEERROR " + e.message)); page.on("console", (m) => { if (m.type() === "error") errs.push(m.text().slice(0, 160)); }); await page.goto(`${BASE}/emploi/${encodeURIComponent(UID)}`, { waitUntil: "networkidle" }); await page.waitForSelector(".jk-hero"); const step = async (name, fn) => { try { await fn(); console.log("OK ", name); } catch (e) { console.log("FAIL", name, String(e).split("\n")[0]); } }; await step("accordéon méthodologie salaire", async () => { const b = page.locator("#salaire .jk-acc-btn").first(); await b.scrollIntoViewIfNeeded(); await b.click(); await page.waitForSelector("#salaire .jk-acc-body.open", { timeout: 2000 }); }); await step("accordéon dossier", async () => { const b = page.locator("#dossier .jk-acc-btn").first(); await b.scrollIntoViewIfNeeded(); await b.click(); await page.waitForSelector("#dossier .jk-acc-body.open", { timeout: 2000 }); }); await step("Demander à Ka : sheet", async () => { await page.evaluate(() => window.scrollTo(0, 1200)); await page.waitForTimeout(500); await page.click(".jk-ka-btn"); await page.waitForSelector(".jk-sheet", { timeout: 3000 }); await page.click(".jk-sheet-x"); await page.waitForSelector(".jk-sheet", { state: "detached", timeout: 3000 }); }); await step("404", async () => { await page.goto(`${BASE}/emploi/inexistant:0`, { waitUntil: "networkidle" }); await page.waitForSelector(".jk-page-error", { timeout: 8000 }); }); console.log("erreurs console:", errs.length, errs.slice(0, 5)); await browser.close(); process.exit(errs.filter((e) => !/Failed to fetch|api-ka|kaa/.test(e)).length ? 1 : 0);