diff --git a/tests/frontend/draco-alertes.test.mjs b/tests/frontend/draco-alertes.test.mjs index 53684a7..cebed57 100644 --- a/tests/frontend/draco-alertes.test.mjs +++ b/tests/frontend/draco-alertes.test.mjs @@ -1,11 +1,14 @@ #!/usr/bin/env node /** - * ObsiGate — Alertes unifiées (Fusion #69, chantier 2). + * ObsiGate — Alertes unifiées (Fusion #69, chantier 2 + chantier 5). * * Tests du module partagé frontend/draco-alertes.js (logique pure, - * sans DOM) + vérification du gabarit livré frontend/index.html : - * le placeholder « Alertes unifiées : arrive avec la fédération » - * a disparu et le module est chargé. + * sans DOM) + vérification du gabarit livré frontend/index.html. + * Copie vendangée byte-identique de Projets/dracodev-commons + * ui/alertes/ (chantier 5) — seul le chargement change (ESM ici). + * Le payload console n'est qu'un EXEMPLE DE FORMAT (voir README + * commons) : aucun endpoint console n'est publié sur agent-commun + * main au moment du chantier. * * Usage: node tests/frontend/draco-alertes.test.mjs */ @@ -21,56 +24,226 @@ const REPO_ROOT = path.resolve(__dirname, "..", ".."); const require = createRequire(import.meta.url); const t = require(path.join(REPO_ROOT, "frontend", "draco-alertes.js")); -test("resolveUrls: config explicite > hote -dev > href > defaut prod", () => { - assert.equal( - t.resolveUrls({ hostname: "og.dracodev.net", tabHrefs: {} }).tiktak, - "https://tiktak.dracodev.net/" - ); - assert.equal( - t.resolveUrls({ hostname: "og-dev.dracodev.net", tabHrefs: {} }).flowdeck, - "https://flowdeck-dev.dracodev.net/" - ); - assert.equal( - t.resolveUrls({ - hostname: "og-dev.dracodev.net", - configUrls: { kanbante: "https://kanbante.dracodev.net/" }, - }).kanbante, - "https://kanbante.dracodev.net/" - ); - assert.equal(t.isDevHost("og-dev.dracodev.net.evil.com"), false); +function sampleResults() { + return { + flowdeck: { items: t.normalizeFlowdeck("https://flowdeck.dracodev.net/", { + notifications: [ + { id: 1, ntype: "mention", title: "Mention budget", message: "voir page", url: "/collections/3", is_read: 0, created_at: "2026-10-28T10:00:00" }, + { id: 2, ntype: "reminder", title: "Rappel lu", message: "", url: "", is_read: 1, created_at: "2026-10-27T09:00:00" }, + ], unread: 1, + }) }, + tiktak: { items: t.normalizeTiktak("https://tiktak.dracodev.net/", [ + { id: 7, kind: "reminder", title: "Rappel tâche", body: "tache", task_id: 42, is_read: 0, created_at: "2026-10-28T08:00:00" }, + { id: 8, kind: "share", title: "Partage lu", body: "", task_id: null, is_read: 1, created_at: "2026-10-26T08:00:00" }, + ]) }, + kanbante: { items: t.normalizeKanbante("https://kanbante.dracodev.net/", { + events: [ + { id: 9, repo_full_name: "Projets/fusion-trois-apps", issue_number: 69, event_type: "commented", from_column: "", to_column: "", created_at: "2026-10-28T11:50:00" }, + { id: 10, repo_full_name: "Projets/fusion-trois-apps", issue_number: 69, event_type: "moved", from_column: "todo", to_column: "review", created_at: "2026-10-28T12:00:00" }, + ], + }) }, + obsigate: { items: [] }, + console: { items: [], sourceMissing: true }, + }; +} +function allOf(results) { + const all = []; + for (const app of ["obsigate", "flowdeck", "tiktak", "kanbante", "console"]) { + (results[app] && results[app].items || []).forEach((a) => all.push(a)); + } + return all; +} + +test("ordre des onglets : Tout, apps, Console Spark, Historique", () => { + assert.deepEqual(t.TABS, ["tout", "obsigate", "flowdeck", "tiktak", "kanbante", "console", "historique"]); + assert.equal(t.TAB_LABELS.console, "Console Spark"); }); -test("normalizeFlowdeck/TikTak/Kanbante: actifs = non lus, Kanbante jamais actif", () => { - const fd = t.normalizeFlowdeck("https://flowdeck.dracodev.net/", { - notifications: [ - { id: 1, ntype: "mention", title: "Mention", message: "m", url: "/collections/3", is_read: 0, created_at: "2026-10-28T10:00:00" }, - ], - unread: 1, +test("resolveUrls: config explicite > hote -dev > href > defaut prod, agent inclus", () => { + const prod = t.resolveUrls({ hostname: "tiktak.dracodev.net", tabHrefs: {} }); + assert.equal(prod.tiktak, "https://tiktak.dracodev.net/"); + assert.equal(prod.agent, "https://agent.dracodev.net/"); + const dev = t.resolveUrls({ hostname: "tiktak-dev.dracodev.net", tabHrefs: {} }); + assert.equal(dev.flowdeck, "https://flowdeck-dev.dracodev.net/"); + assert.equal(dev.obsigate, "https://og-dev.dracodev.net/"); + assert.equal(dev.agent, "https://agent-dev.dracodev.net/"); + const explicit = t.resolveUrls({ + hostname: "tiktak-dev.dracodev.net", + configUrls: { flowdeck: "https://flowdeck.dracodev.net/" }, }); - assert.equal(fd[0].active, true); - assert.equal(fd[0].url, "https://flowdeck.dracodev.net/collections/3"); - const tt = t.normalizeTiktak("https://tiktak.dracodev.net/", [ - { id: 7, kind: "reminder", title: "Rappel", body: "", task_id: 42, is_read: 0, created_at: "2026-10-28T08:00:00" }, + assert.equal(explicit.flowdeck, "https://flowdeck.dracodev.net/"); + const href = t.resolveUrls({ + hostname: "example.org", + tabHrefs: { kanbante: "https://kanbante-dev.dracodev.net/", agent: "https://agent.dracodev.net/" }, + }); + assert.equal(href.kanbante, "https://kanbante-dev.dracodev.net/"); + assert.equal(href.agent, "https://agent.dracodev.net/"); + const token = t.resolveUrls({ hostname: "x", tabHrefs: { tiktak: "{{URL_TIKTAK}}" } }); + assert.equal(token.tiktak, "https://tiktak.dracodev.net/"); + assert.equal(t.isDevHost("tiktak-dev.dracodev.net.evil.com"), false); + assert.equal(t.isDevHost("x-dev.dracodev.net"), true); +}); + +test("normalizeFlowdeck: non lues actives, lien = base + url", () => { + const items = t.normalizeFlowdeck("https://flowdeck.dracodev.net/", { + notifications: [ + { id: 1, ntype: "mention", title: "Mention", message: "voir page", url: "/collections/3", is_read: 0, created_at: "2026-10-28T10:00:00" }, + { id: 2, ntype: "reminder", title: "Rappel", message: "", url: "", is_read: 1, created_at: "2026-10-27T09:00:00" }, + ], unread: 1, + }); + assert.equal(items.length, 2); + assert.equal(items[0].active, true); + assert.equal(items[0].state, "active"); + assert.equal(items[0].url, "https://flowdeck.dracodev.net/collections/3"); + assert.equal(items[1].active, false); + assert.equal(items[1].url, "https://flowdeck.dracodev.net/"); +}); + +test("normalizeTiktak: lien tache, sinon page notifications", () => { + const items = t.normalizeTiktak("https://tiktak.dracodev.net/", [ + { id: 7, kind: "reminder", title: "Rappel", body: "tache", task_id: 42, is_read: 0, created_at: "2026-10-28T08:00:00" }, + { id: 8, kind: "share", title: "Partage", body: "", task_id: null, is_read: 1, created_at: "2026-10-26T08:00:00" }, ]); - assert.equal(tt[0].url, "https://tiktak.dracodev.net/?task=42"); - const kb = t.normalizeKanbante("https://kanbante.dracodev.net/", { + assert.equal(items[0].url, "https://tiktak.dracodev.net/?task=42"); + assert.equal(items[1].url, "https://tiktak.dracodev.net/notifications"); + assert.equal(items[0].active, true); +}); + +test("normalizeKanbante: jamais actif (pas d'etat lu/non lu), lien board", () => { + const items = t.normalizeKanbante("https://kanbante.dracodev.net/", { events: [ { id: 9, repo_full_name: "Projets/fusion-trois-apps", issue_number: 69, event_type: "commented", from_column: "", to_column: "", created_at: "2026-10-28T11:50:00" }, + { id: 10, repo_full_name: "Projets/fusion-trois-apps", issue_number: 69, event_type: "moved", from_column: "todo", to_column: "review", created_at: "2026-10-28T12:00:00" }, ], }); - assert.equal(kb[0].active, false); - assert.equal(kb[0].url, "https://kanbante.dracodev.net/board/Projets/fusion-trois-apps"); - assert.equal(t.countActive([...fd, ...tt, ...kb]), 2); + assert.equal(items.length, 2); + assert.ok(items.every((i) => i.active === false)); + assert.equal(items[0].url, "https://kanbante.dracodev.net/board/Projets/fusion-trois-apps"); + assert.match(items[0].title, /#69/); }); -test("sortAlerts: actives d'abord, date decroissante", () => { - const sorted = t.sortAlerts([ +test("sortAlerts + countActive: actives d'abord, date decroissante", () => { + const list = [ { app: "tiktak", active: false, date: "2026-10-28T12:00:00" }, { app: "flowdeck", active: true, date: "2026-10-26T12:00:00" }, { app: "flowdeck", active: true, date: "2026-10-28T12:00:00" }, - ]); - assert.equal(sorted[0].active, true); + { app: "kanbante", active: false, date: "" }, + ]; + const sorted = t.sortAlerts(list); assert.equal(sorted[0].date, "2026-10-28T12:00:00"); + assert.equal(sorted[0].active, true); + assert.equal(sorted[1].date, "2026-10-26T12:00:00"); + assert.equal(sorted[3].date, ""); + assert.equal(t.countActive(list), 2); +}); + +test("scopeAlerts: Tout et onglets apps = actives seulement ; Historique = fermees seulement", () => { + const r = sampleResults(); + const all = allOf(r); + const tout = t.scopeAlerts(all, "tout", r); + assert.equal(tout.items.length, 2); + assert.ok(tout.items.every((a) => a.active)); + assert.equal(tout.items[0].date, "2026-10-28T10:00:00"); // date decroissante + const fd = t.scopeAlerts(all, "flowdeck", r); + assert.equal(fd.items.length, 1); + assert.equal(fd.items[0].app, "flowdeck"); + const hist = t.scopeAlerts(all, "historique", r); + assert.equal(hist.items.length, 4); // 1 FD lue + 1 TK lue + 2 KB + assert.ok(hist.items.every((a) => !a.active)); + const og = t.scopeAlerts(all, "obsigate", r); + assert.equal(og.items.length, 0); + const cs = t.scopeAlerts(all, "console", r); + assert.equal(cs.items.length, 0); + assert.equal(cs.consoleMissing, true); +}); + +test("scopeAlerts: une section en echec remonte aussi dans Historique (pas avalee)", () => { + const r = sampleResults(); + r.flowdeck = { items: [], error: "Application injoignable depuis cet hôte (TypeError)." }; + const hist = t.scopeAlerts(allOf(r), "historique", r); + assert.equal(hist.errors.length, 1); + assert.equal(hist.errors[0].app, "flowdeck"); + const tout = t.scopeAlerts(allOf(r), "tout", r); + assert.equal(tout.errors.length, 1); +}); + +test("countByTab: compteurs par onglet sur l'echantillon", () => { + const r = sampleResults(); + const c = t.countByTab(allOf(r), r); + assert.deepEqual(c, { + tout: 2, obsigate: 0, flowdeck: 1, tiktak: 1, + kanbante: 0, console: 0, historique: 4, + }); +}); + +test("filterAlerts: titre + contexte, insensible a la casse, sans melanger actifs/historique", () => { + const r = sampleResults(); + const all = allOf(r); + const tout = t.scopeAlerts(all, "tout", r).items; + assert.equal(t.filterAlerts(tout, "budget").length, 1); + assert.equal(t.filterAlerts(tout, "BUDGET").length, 1); + assert.equal(t.filterAlerts(tout, "voir page").length, 1); // contexte (detail) + assert.equal(t.filterAlerts(tout, "tache").length, 1); + // « Rappel lu » est une alerte fermee : absente de Tout meme filtree. + assert.equal(t.filterAlerts(tout, "Rappel lu").length, 0); + const hist = t.scopeAlerts(all, "historique", r).items; + assert.equal(t.filterAlerts(hist, "Rappel lu").length, 1); + assert.equal(t.filterAlerts(tout, "").length, tout.length); +}); + +test("presentation identique: meta Kanbante sans type brut anglais ; date illisible = sans date", () => { + const kb = t.normalizeKanbante("https://kanbante.dracodev.net/", { + events: [{ id: 1, repo_full_name: "R", issue_number: 1, event_type: "moved", from_column: "todo", to_column: "review", created_at: "2026-10-28T12:00:00" }], + })[0]; + assert.ok(!t.metaLine(kb).includes("moved")); + assert.match(t.metaLine(kb), /Kanbante · .* · Déplacée/); + assert.equal(t.displayState({ active: true }), "Active"); + assert.equal(t.displayState({ active: false, app: "flowdeck" }), "Lue"); + const sansDate = { app: "tiktak", active: true, title: "x", detail: "", date: "nimporte-quoi", kind: "", url: "https://x/" }; + assert.match(t.metaLine(sansDate), /sans date/); +}); + +test("hash URL: parse + round-trip, onglet inconnu rejete", () => { + assert.equal(t.parseAlertTab("#alertes=historique"), "historique"); + assert.equal(t.parseAlertTab("#alertes=console"), "console"); + assert.equal(t.parseAlertTab("#alertes"), "tout"); + assert.equal(t.parseAlertTab("#autre"), null); + assert.equal(t.parseAlertTab("#alertes=nimporte"), null); + assert.equal(t.parseAlertTab(""), null); + for (const tab of t.TABS) assert.equal(t.parseAlertTab(t.hashForTab(tab)), tab); + assert.equal(t.hashForTab("nimporte"), "#alertes=tout"); +}); + +test("normalizeConsole (FORMAT EXEMPLE): statuts reels -> actif/ferme, lien console par defaut", () => { + const items = t.normalizeConsole("https://agent.dracodev.net/", { + alerts: [ + { id: "m1", title: "Mission en pause budget", detail: "budget épuisé", status: "pause_budget", created_at: "2026-10-28T09:00:00" }, + { id: "m2", title: "Accès requis", detail: "jeton manquant", status: "acces_requis", created_at: "2026-10-28T09:30:00" }, + { id: "a1", title: "Approbation en attente", status: "en_attente", url: "/approbations", created_at: "2026-10-28T10:00:00" }, + { id: "m3", title: "Mission terminée", status: "terminee", created_at: "2026-10-27T10:00:00" }, + { id: "m4", title: "Sans statut", created_at: "2026-10-27T11:00:00" }, + ], + }); + assert.equal(items.length, 5); + assert.equal(items[0].active, true); + assert.equal(items[1].active, true); + assert.equal(items[2].active, true); + assert.equal(items[2].url, "https://agent.dracodev.net/approbations"); + assert.equal(items[3].active, false); + assert.equal(items[4].active, true); // statut inconnu : expose en active, jamais masque + assert.equal(items[0].url, "https://agent.dracodev.net/"); + const r = sampleResults(); + r.console = { items }; + const c = t.countByTab(allOf(r), r); + assert.equal(c.console, 4); + assert.equal(c.tout, 6); + assert.equal(c.historique, 5); +}); + +test("consoleSourceUrl: null sans configuration (aucune URL devineee)", () => { + assert.equal(t.consoleSourceUrl({}), null); + assert.equal(t.consoleSourceUrl({ consoleUrl: "https://agent-dev.dracodev.net/api/alertes" }), + "https://agent-dev.dracodev.net/api/alertes"); }); test("index.html: placeholder Alertes disparu, module charge", () => { @@ -80,3 +253,25 @@ test("index.html: placeholder Alertes disparu, module charge", () => { assert.equal(html.includes("/static/draco-alertes.css"), true); assert.equal(html.includes("DRACO_ALERTES.open()"), true); }); + +test("index.html chantier 5: onglet Console Spark en dernier, apres Kanbante", () => { + const html = readFileSync(path.join(REPO_ROOT, "frontend", "index.html"), "utf8"); + const nav = /