// Generated, do not edit. sha256:f81905187f7271d470129be5251b18f9ab41f86bd73038bb85cd73f795065c11
import { describe, it, mock } from 'node:test';
import assert from 'node:assert/strict';

let MELDINGEN = [];
let DETAIL = null;
mock.module('../../client/data/notifications.js', {
  namedExports: {
    currentNotifications: async () => MELDINGEN,
    notificationDetail: async () => DETAIL,
    dismissNotification: async () => {},
  },
});

const { renderNotifications } = await import('../../client/actions/notifications-widget.js');
const { NOTIFICATION_PRIORITY } = await import('../../shared/config.js');

const melding = (kind, id) => ({ id, kind, count: 2, highWater: 1, createdAt: '2026-10-20T10:00:00.000Z' });

async function teken(rijen, detail = null) {
  MELDINGEN = rijen;
  DETAIL = detail;
  const host = { innerHTML: '', querySelectorAll() { return []; } };
  await renderNotifications(host, () => {});
  return host.innerHTML;
}

const volgorde = html => [...html.matchAll(/data-kind="([a-z_]+)"/g)].map(m => m[1]);

describe('meldingenwidget: volgorde van belangrijkheid', () => {
  it('zet de rijen in de rangorde, ook als de server ze andersom levert', async () => {
    const omgekeerd = [...NOTIFICATION_PRIORITY].reverse().map((kind, i) => melding(kind, i + 1));
    assert.deepEqual(volgorde(await teken(omgekeerd)), [...NOTIFICATION_PRIORITY]);
  });

  it('zet de belangrijkste bovenaan bij een greep uit de soorten', async () => {
    const rijen = [melding('schedule_ended', 9), melding('interest', 5), melding('valuation', 2)];
    assert.deepEqual(volgorde(await teken(rijen)), ['valuation', 'interest', 'schedule_ended']);
  });
});

describe('meldingenwidget: dezelfde informatie per rij', () => {
  it('toont aantal, soort, hint, datum en de verbergknop', async () => {
    const html = await teken([melding('interest', 7)]);
    assert.match(html, /Rente te boeken/);
    assert.match(html, /Bijschrijvingen klaar om te boeken/);
    assert.match(html, /class="notify-date">20-10-2026</);
  });

  it('zet het aantal in de verbergknop, met het id van de melding', async () => {
    const html = await teken([melding('interest', 7)]);
    assert.match(html, /<button[^>]*class="notify-count"[^>]*data-dismiss="7"[^>]*><span class="notify-n">2<\/span>/);
    assert.equal((html.match(/data-dismiss=/g) || []).length, 1, 'één verbergknop per rij');
  });

  it('escapet het detail van een afgelopen afspraak, want daar staan namen van de gebruiker in', async () => {
    const html = await teken([melding('schedule_ended', 1)], { account: '<b>Bank</b>', asset: 'BTC', extra: 1 });
    assert.ok(!html.includes('<b>Bank</b>'), 'de accountnaam mag niet als markup in de rij staan');
    assert.match(html, /&lt;b&gt;Bank&lt;\/b&gt; · BTC \+1/);
    assert.match(html, /notify-row is-info/);
  });

  it('toont zonder meldingen de lege stand en geen lijst', async () => {
    const html = await teken([]);
    assert.ok(!html.includes('notify-list'));
    assert.match(html, /task-card-empty/);
  });
});