source: Klonkt/test/feed-pagination.test.js@ 7b04d3b

main
Last change on this file since 7b04d3b was 7b04d3b, checked in by Robin <roboburr@…>, 7 weeks ago

Feature: Load more on News feed, page 72 (klonkt-demo-r9u, slice 1/4)

News (Krant) now pages in blocks of 72 (divisible by 2/3/4 so grid
columns stay full) with an htmx "Load more" button instead of a hard
60-item cap. getTimeline gains an offset arg; the route fetches 72+1 to
know whether the button belongs, and serves an append fragment
(partials/news-append) that swaps the next items beforeend into #tl-feed
and OOB-replaces the button with the next offset (or drops it on the
last page).

Reusable pieces for the other three views (Solo, Cirkel, Messages):

  • partials/load-more.ejs (the button + OOB wrapper)
  • partials/tl-item.ejs (extracted the timeline item so full page and append render identically)
  • .load-more-* CSS in shared-styles, i18n feed.load_more (NL/EN/DE)

Tests: feed-pagination.test.js (offset paging, no overlap, probe of
PAGE+1, past-end empty). Browser-verified: 72 -> 144 -> 150 then the
button disappears.

Co-Authored-By: Claude Opus 4.8 <noreply@…>

  • Property mode set to 100644
File size: 1.9 KB
RevLine 
[7b04d3b]1// Load-more pagination: getTimeline honours limit + offset so the News feed can
2// page in blocks of 72 without overlap. In-memory SQLite. Run: npm test
3import { test } from 'node:test';
4import assert from 'node:assert/strict';
5
6process.env.DATABASE_PATH = ':memory:';
7process.env.PUBLIC_BASE_URL = 'https://test.example';
8
9const dbMod = await import('../src/config/database.js');
10const db = dbMod.default;
11dbMod.initializeDatabase();
12const AP = (await import('../src/services/ActivityPubService.js')).default;
13
14// Seed 150 timeline rows with strictly decreasing published times (newest first).
15const ins = db.prepare(`INSERT INTO ap_timeline (id, slug, author_uri, author_name, content, published, created_at)
16 VALUES (?,?,?,?,?,?,CURRENT_TIMESTAMP)`);
17for (let i = 0; i < 150; i++) {
18 const n = String(i).padStart(3, '0');
19 // higher i = older, so order DESC by published yields 000,001,... first
20 const pub = `2026-01-01T00:00:00Z`.replace('00:00:00', `${String(23 - Math.floor(i / 60)).padStart(2, '0')}:${String(59 - (i % 60)).padStart(2, '0')}:00`);
21 ins.run('n' + n, 'me', 'https://r.test/u/a', 'A', '<p>' + n + '</p>', pub);
22}
23
24test('getTimeline pages with limit + offset, no overlap', () => {
25 const page1 = AP.getTimeline('me', 72, 0);
26 const page2 = AP.getTimeline('me', 72, 72);
27 assert.equal(page1.length, 72, 'first page is full');
28 assert.equal(page2.length, 72, 'second page is full');
29 const ids1 = new Set(page1.map((r) => r.id));
30 const overlap = page2.filter((r) => ids1.has(r.id));
31 assert.equal(overlap.length, 0, 'pages do not overlap');
32});
33
34test('probe of PAGE+1 reveals whether more remain', () => {
35 // 150 rows: at offset 0 a probe of 73 returns 73 (more), at offset 144 it returns 6 (done).
36 assert.equal(AP.getTimeline('me', 73, 0).length, 73);
37 assert.equal(AP.getTimeline('me', 73, 144).length, 6);
38});
39
40test('offset past the end returns empty', () => {
41 assert.equal(AP.getTimeline('me', 72, 300).length, 0);
42});
Note: See TracBrowser for help on using the repository browser.