Changeset 824d1d0 in Klonkt for test/messages-thread-order.test.js

Timestamp:

08/25/2026 07:33:36 PM (2 weeks ago)

Author:

Robin <roboburr@…>

Branches:

main

Children:

cb1bd82

Parents:

2c0c338

Message:

Berichten: antwoorden en zwaaien naar de bovenkant van het gesprek

Volgt op de omgekeerde volgorde van zojuist (Robins besluit, 25-8).
Stond de antwoordknop onderaan, dan stond hij sinds vanmiddag bij het
OUDSTE bericht -- en dat is precies waar je niet op antwoordt. Nu staat
de rij direct onder de kop, waar het nieuwste bericht begint.

De zwaai-hand reist mee: die zat al in dezelfde rij en hoort bij
hetzelfde gebaar. De zwaai-MARKERING in de kop blijft waar hij is; die
twee vullen elkaar aan, want de markering overleeft het inklappen en de
knoppen niet.

msg-thread-foot heet nu msg-thread-actions: een naam die zegt waar iets
staat is een leugen zodra het verhuist. Geen JavaScript verwees ernaar,
alleen de eigen CSS op deze pagina, dus geen MOD_V nodig. De marge ging
mee van top naar bottom, anders plakt de rij tegen de eerste bubbel.

Zesde toets erbij, met tegenbewijs tegen de vorige commit: daar faalt
precies die ene en blijven de andere vijf groen. Volle suite 1236.

File:

• test/messages-thread-order.test.js (modified) (1 diff)

test/messages-thread-order.test.js

@@ -69 +69 @@
   assert.equal((await render(eigen)).includes('msg-thread-wave'), false);
 });
+
+test('antwoorden en zwaaien staan BOVEN de berichten', async () => {
+  // Sinds het nieuwste bovenaan staat hoort de knop daar ook: onderaan zou hij
+  // bij het OUDSTE bericht komen te staan, en daar antwoord je niet op.
+  const html = await ejs.renderFile(partial, {
+    ...helpers, canMutate: true,
+    n: draad({ replyTo: { actorUri: 'https://pruts.nl/ap/users/bart' } }),
+  });
+  const acties = html.indexOf('msg-thread-actions');
+  const bubbels = html.indexOf('msg-thread-msgs');
+  assert.ok(acties > -1, 'de antwoordrij staat er');
+  assert.ok(bubbels > -1, 'en de berichten ook');
+  assert.ok(acties < bubbels, `antwoordrij boven de berichten, kreeg acties=${acties} bubbels=${bubbels}`);
+  // De zwaai-hand hoort in diezelfde rij, dus ook boven de berichten.
+  const zwaai = html.indexOf('class="msg-wave"');
+  assert.ok(zwaai > -1 && zwaai < bubbels, 'de zwaai-hand staat in de rij erboven');
+});