tracker

40.4 KB

1. // tests/browser.mjs — THE GATE of tracker.worldapi.org#1: this app's own server on its own storage, its OWN ident
2. // (a copy of ident's code without .env, codes to a mail sink: tests/identkit.mjs, same as calendar's gate), a real
3. // headless Chrome. Proves: signed out (header shows "Log in with ident") -> sign in -> the header selector shows
4. // signed in, "Log out" appears, the page itself stays empty -> sign out -> signed out again (a reload confirms it).
5. //
6. // node tests/browser.mjs (TRACKER_GATE_PORT server, default 8700; TRACKER_GATE_IDENT_PORT ident, default 8701;
7. // TRACKER_GATE_CHROME "8702-8709" = Chrome debug ports; TRACKER_GATE_TMDB_PORT the fake
8. // TMDB, default 8710)
9. import { spawn, execFileSync } from 'node:child_process';
10. import { existsSync, mkdirSync, rmSync, writeFileSync } from 'node:fs';
11. import { dirname, join, resolve } from 'node:path';
12. import { fileURLToPath } from 'node:url';
13. import { launchBrowser } from './cdp.mjs';
14. import { startIdent } from './identkit.mjs';
15. import { startFakeTmdb, PNG } from './faketmdb.mjs';
17. if (!process.env.HL_CHROME && existsSync('/opt/google/chrome/chrome')) process.env.HL_CHROME = '/opt/google/chrome/chrome';
18. const HERE = dirname(fileURLToPath(import.meta.url));
19. const APP = resolve(HERE, '..');
20. const PORT = Number(process.env.TRACKER_GATE_PORT || 8700);
21. const [CH_FROM, CH_TO] = (process.env.TRACKER_GATE_CHROME || '8702-8709').split('-').map(Number);
22. const IDENT_PORT = Number(process.env.TRACKER_GATE_IDENT_PORT || 8701);
23. const TMDB_PORT = Number(process.env.TRACKER_GATE_TMDB_PORT || 8710);
24. const BASE = `http://127.0.0.1:${PORT}`;
25. const STORE = join(APP, '.scratch', 'gate-store');
26. const IDENT_DIR = process.env.TRACKER_GATE_IDENT_DIR || [resolve(APP, '../ident.worldapi.org'), '/media/STORAGE/projects/ident.worldapi.org'].find(d => existsSync(join(d, 'project.hl')));
27. const SCRATCH = join(APP, '.scratch');
28. const SESSIONS = join(SCRATCH, 'gate-sessions');
29. rmSync(SESSIONS, { recursive: true, force: true });
30. rmSync(STORE, { recursive: true, force: true });
31. mkdirSync(SESSIONS, { recursive: true });
33. let failures = 0, passes = 0;
34. function check(label, ok, detail = '') {
35. console.log(`${ok ? 'ok ' : 'FAIL'} ${label}${ok ? '' : ' — ' + detail}`);
36. if (ok) passes++; else failures++;
37. }
39. let ident = null, server = null, browser = null, log = '', tmdb = null;
40. async function stopServer() {
41. if (server) {
42. const s = server;
43. try { s.kill('SIGTERM'); } catch {}
44. await new Promise(r => { if (s.exitCode !== null || s.signalCode !== null) return r(); s.once('exit', r); setTimeout(r, 3000); });
45. server = null;
46. }
47. }
48. async function stop() {
49. if (ident) { try { await ident.stop(); } catch {} ident = null; }
50. if (browser) { try { await browser.close(); } catch {} browser = null; }
51. await stopServer();
52. if (tmdb) { try { await tmdb.stop(); } catch {} tmdb = null; }
53. }
55. // tracker.worldapi.org#9: what the fake TMDB (tests/faketmdb.mjs) knows about the two fixture shows (tmdbId 1001,
56. // 1002, tests/seed-show.hl). Show 1: season 0 (must NOT be synced — the show has no season 0), S1 with the two
57. // fixture episodes (no tmdbId locally → matched by number; E2 renamed "Second Episode") + a new E3 (released),
58. // S2 unchanged, a NEW S3 (E1 released, E2 upcoming 2098-06-01). Show 2 (no seasons yet): a NEW S1 E1 (upcoming
59. // 2097-01-01). Both have a poster.
60. const gateTmdbShows = () => ({
61. 1001: { id: 1001, name: 'Gate Test Show', overview: 'TMDB overview', status: 'Returning Series', poster_path: '/gate1.png', seasons: [
62. { id: 90, season_number: 0, name: 'Specials', air_date: '2019-01-01', episodes: [{ id: 5000, episode_number: 1, name: 'A Special', air_date: '2019-01-01' }] },
63. { id: 91, season_number: 1, name: 'Season 1', air_date: '2020-01-01', episodes: [
64. { id: 5001, episode_number: 1, name: 'Pilot', air_date: '2020-01-01' },
65. { id: 5002, episode_number: 2, name: 'Second Episode', air_date: '2020-06-15' },
66. { id: 5003, episode_number: 3, name: 'Third', air_date: '2020-09-01' }] },
67. { id: 92, season_number: 2, name: 'Season 2', air_date: '2099-01-01', episodes: [{ id: 5004, episode_number: 1, name: 'Season Two Opener', air_date: '2099-01-01' }] },
68. { id: 93, season_number: 3, name: 'Season 3', air_date: '2021-05-05', episodes: [
69. { id: 5005, episode_number: 1, name: 'Third Season Start', air_date: '2021-05-05' },
70. { id: 5006, episode_number: 2, name: 'Coming Soon', air_date: '2098-06-01' }] }] },
71. 1002: { id: 1002, name: 'Unwatched Gate Show', overview: 'second', status: 'Returning Series', poster_path: '/gate2.png', seasons: [
72. { id: 94, season_number: 1, name: 'Season 1', air_date: '2097-01-01', episodes: [{ id: 7001, episode_number: 1, name: 'Brand New', air_date: '2097-01-01' }] }] },
73. });
75. async function main() {
76. ident = await startIdent({ identDir: IDENT_DIR, workDir: join(STORE, 'ident'), port: IDENT_PORT });
77. const alice = await ident.signIn('[email protected]');
78. const APPKEY = await ident.registerApp(alice, 'tracker (gate)', [BASE]);
79. check('ident: our own ident runs (a copy without .env), tracker is registered', /^pk_[0-9a-f]{32}$/.test(APPKEY.key) && !existsSync(join(STORE, 'ident', 'ident-code', '.env')));
81. // tracker.worldapi.org#5: learn alice's per-app identity (a throwaway code, consumed here) so the
82. // fixture below can seed a follow for the SAME user the real login flow will later resolve to
83. // (users.hl `ensureUser` matches an existing users.db row by `identity`, reusing its id) — this is
84. // the only way to give /unwatched a known followed show before the browser ever signs in.
85. const preCode = await ident.selectorCode(alice, APPKEY, BASE);
86. const aliceIdentity = await ident.exchange(APPKEY, preCode);
88. // tracker.worldapi.org#4/#5: a tiny fixture show (tests/seed-show.hl) — written BEFORE the server
89. // starts, self-assigned ids only (never update(), see that file's header)
90. const MPACKDB = join(STORE, 'mpackdb');
91. mkdirSync(MPACKDB, { recursive: true });
92. const seedOut = execFileSync(join(APP, 'bin/hybriel'), ['tests/seed-show.hl'], { cwd: APP, env: { ...process.env, TRACKER_STORAGE: MPACKDB, TRACKER_SEED_IDENTITY: aliceIdentity } }).toString();
93. check('seed: the fixture show was written, alice follows it', seedOut.includes('gate-test-show') && seedOut.includes('follows it'), seedOut);
94. // tracker.worldapi.org#8: the fixture show's poster FILE exists (a 1×1 png), the second show has none →
95. // /my/shows must give the first its own /posters/sh1.png and the second the one placeholder URL /posters/none
96. mkdirSync(join(MPACKDB, 'posters'), { recursive: true });
97. writeFileSync(join(MPACKDB, 'posters', 'sh1.png'), Buffer.from('iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==', 'base64'));
99. // tracker.worldapi.org#9: the fake TMDB. EVERY run of the app/tool in this gate points at it with the gate's own
100. // token — the runtime loads the project's real .env (TMDB_READ_TOKEN) by itself, the environment given here wins
101. tmdb = await startFakeTmdb({ port: TMDB_PORT, shows: gateTmdbShows() });
102. const TMDB_ENV = { TMDB_READ_TOKEN: 'gate-token', TMDB_BASE_URL: tmdb.base + '/3', TMDB_IMAGE_URL: tmdb.base + '/t/p' };
103. const startServer = async (extra = {}) => {
104. log = '';
105. server = spawn(join(APP, 'bin/hybriel'), ['project.hl'], { cwd: APP, env: { ...process.env, TRACKER_PORT: String(PORT), TRACKER_SESSIONS: SESSIONS + '/', TRACKER_STORAGE: MPACKDB, TRACKER_WATCH: '0',
106. TRACKER_URL: BASE, IDENT_URL: ident.base, IDENT_EXCHANGE_URL: ident.base, TRACKER_KEY: APPKEY.key, TRACKER_SECRET: APPKEY.secret, ...TMDB_ENV, TRACKER_SYNC: '0', ...extra }, stdio: ['ignore', 'pipe', 'pipe'] });
107. server.stdout.on('data', d => log += d); server.stderr.on('data', d => log += d);
108. for (let i = 0; ; i++) {
109. try { if ((await fetch(BASE + '/')).ok) break; } catch {}
110. if (i > 80) throw new Error('tracker did not come up\n' + log);
111. await new Promise(r => setTimeout(r, 250));
112. }
113. };
114. await startServer();
115. check('tracker is up', true);
117. browser = await launchBrowser({ debugPortRange: [CH_FROM, CH_TO] });
118. const page = await browser.newPage();
119. page.captureNetwork();
120. const ev = (e) => page.evaluate(e);
121. const hydrated = () => page.waitFor('!!window.__hl && window.__hl.socket && window.__hl.socket.readyState === 1', { timeout: 15000, label: 'hydrated' });
122. const loginAs = async (who) => {
123. const code = await ident.selectorCode(who, APPKEY, BASE);
124. await page.goto(BASE + '/login/callback?ident_code=' + code);
125. await page.waitForSelector('#logout');
126. await hydrated();
127. };
129. // ---- signed out: header shows the selector + "Log in with ident", the page itself is empty ----
130. await page.goto(BASE + '/');
131. await hydrated();
132. check('signed out: the identity selector is in the header', await ev(`!!document.querySelector('#selector')`));
133. check('signed out: "Log in with ident" shows, no "Log out"', (await ev(`!!document.querySelector('#loginbutton')`)) && !(await ev(`!!document.querySelector('#logout')`)));
134. check('the page itself stays empty (no centered sign-in)', (await ev(`document.querySelector('main').textContent.trim()`)) === '');
136. // ---- tracker.worldapi.org#4: /shows/:slug signed OUT — the header/genres/cast show, no checks ----
137. await page.goto(BASE + '/shows/gate-test-show');
138. await hydrated();
139. check('signed out: the show header renders (title, genre, cast)', (await ev(`document.querySelector('show-header h1').textContent`)) === 'Gate Test Show'
140. && (await ev(`document.querySelector('.genre-pill').textContent`)) === 'Drama'
141. && (await ev(`document.querySelector('.artist-link').textContent`)) === 'Test Actor');
142. check('signed out: no check icons at all', (await ev(`document.querySelectorAll('button.checkicon').length`)) === 0);
143. check('signed out: the latest season (2) is expanded, season 1 collapsed', (await ev(`document.querySelectorAll('episode-row').length`)) === 1);
145. // ---- tracker.worldapi.org#5: /my/unwatched signed OUT — no rows, no checks ----
146. await page.goto(BASE + '/my/unwatched');
147. await hydrated();
148. check('signed out: /my/unwatched shows no rows and asks to sign in', (await ev(`document.querySelectorAll('unwatched-row').length`)) === 0
149. && (await ev(`document.querySelector('.muted').textContent`)) === 'Sign in to see the shows you follow.');
151. // ---- tracker.worldapi.org#6: /my/schedule signed OUT — no rows, no checks ----
152. await page.goto(BASE + '/my/schedule');
153. await hydrated();
154. check('signed out: /my/schedule shows no rows and asks to sign in', (await ev(`document.querySelectorAll('schedule-row').length`)) === 0
155. && (await ev(`document.querySelector('.muted').textContent`)) === 'Sign in to see the shows you follow.');
157. // ---- tracker.worldapi.org#7: /my/shows signed OUT — no rows, the same sign-in message ----
158. await page.goto(BASE + '/my/shows');
159. await hydrated();
160. check('signed out: /my/shows shows no rows and asks to sign in', (await ev(`document.querySelectorAll('my-show-row').length`)) === 0
161. && (await ev(`document.querySelector('.muted').textContent`)) === 'Sign in to see the shows you follow.');
163. // ---- tracker.worldapi.org#3: no bottom border on the header, no border on filled buttons ----
164. check('the header has no bottom border', (await ev(`getComputedStyle(document.querySelector('application-header')).borderBottomWidth`)) === '0px');
165. check('"Log in with ident" has no border', (await ev(`getComputedStyle(document.querySelector('#loginbutton')).borderTopWidth`)) === '0px');
166. check('the ident selector\'s "choose ident" button has no border', (await ev(`getComputedStyle(document.querySelector('#selector').shadowRoot.querySelector('[part~="button"]')).borderTopWidth`)) === '0px');
167. // ---- tracker.worldapi.org#8: the old addresses answer a permanent redirect to the /my/ ones ----
168. for (const [from, to] of [['/unwatched', '/my/unwatched'], ['/schedule', '/my/schedule']]) {
169. const m = await fetch(BASE + from, { redirect: 'manual' });
170. check(`${from} answers 301 → ${to}`, m.status === 301 && m.headers.get('location') === to, m.status + ' ' + m.headers.get('location'));
171. }
172. await page.goto(BASE + '/unwatched');
173. await hydrated();
174. check('the browser following /unwatched lands on /my/unwatched', (await ev(`location.pathname`)) === '/my/unwatched' && !!(await ev(`document.querySelector('unwatched-page')`)));
175. // ---- tracker.worldapi.org#8: the show page says "1 episode" for one, "2 episodes" for two ----
176. await page.goto(BASE + '/shows/gate-test-show');
177. await hydrated();
178. check('show page: season counts "1 episode" (singular) and "2 episodes"', JSON.stringify(await ev(`Array.from(document.querySelectorAll('season-count')).map(e => e.textContent)`)) === JSON.stringify(['1 episode', '2 episodes']),
179. JSON.stringify(await ev(`Array.from(document.querySelectorAll('season-count')).map(e => e.textContent)`)));
180. let r = await fetch(BASE + '/login/callback', { redirect: 'manual' });
181. check('login: /login/callback without a code → /login/failed', r.status === 302 && r.headers.get('location') === '/login/failed');
183. // ---- sign in: the header selector flips to signed in, "Log out" appears, page stays empty ----
184. await loginAs(alice);
185. check('signed in: the selector is still in the header, now signed in', (await ev(`!!document.querySelector('#selector')`)) && (await ev(`document.querySelector('#selector').classList.contains('in')`)));
186. check('signed in: "Log out" shows, no "Log in with ident"', (await ev(`!!document.querySelector('#logout')`)) && !(await ev(`!!document.querySelector('#loginbutton')`)));
187. check('the page itself stays empty while signed in too', (await ev(`document.querySelector('main').textContent.trim()`)) === '');
188. check('"Log out" has no border (only inverted buttons have one)', (await ev(`getComputedStyle(document.querySelector('#logout')).borderTopWidth`)) === '0px');
189. check('the ident selector\'s signed-in status has no border', (await ev(`(() => { const e = document.querySelector('#selector').shadowRoot.querySelector('[part~="status"]'); return e ? getComputedStyle(e).borderTopWidth : '0px' })()`)) === '0px');
190. check('the header brand "tracker" has font weight 100', (await ev(`getComputedStyle(document.querySelector('application-header .brand')).fontWeight`)) === '100');
192. // ---- tracker.worldapi.org#5: /unwatched signed IN — only already-released, unwatched episodes of
193. // followed shows, newest release first; a click removes the row. Run BEFORE the show-page checks
194. // below (which toggle these same fixture episodes watched) so all three still start unwatched here.
195. await page.goto(BASE + '/my/unwatched');
196. await hydrated();
197. const unwatchedRowTexts = () => ev(`Array.from(document.querySelectorAll('.unwatched-show')).map(e => e.textContent)`);
198. check('signed in: /my/unwatched lists only already-released episodes, newest release first (not the future one), titles with the year',
199. JSON.stringify(await unwatchedRowTexts()) === JSON.stringify(['Gate Test Show (2024)', 'Gate Test Show (2024)'])
200. && (await ev(`document.querySelectorAll('unwatched-row').length`)) === 2);
201. check('signed in: /my/unwatched shows show title, the episode as S01E02 + title and release date, linking to the show',
202. (await ev(`document.querySelector('unwatched-row unwatched-episode').textContent`)) === 'S01E02 · Second'
203. && (await ev(`document.querySelector('unwatched-row unwatched-date').textContent`)) === '2020-06-15'
204. && (await ev(`document.querySelector('unwatched-row .unwatched-show').getAttribute('href')`)) === '/shows/gate-test-show');
205. check('signed in: /my/unwatched starts with regular (unwatched) check icons', (await ev(`document.querySelectorAll('unwatched-row button.checkicon.regular').length`)) === 2);
207. await page.click('unwatched-row button.checkicon');
208. await page.waitFor(`document.querySelectorAll('unwatched-row').length === 1`, { timeout: 10000, label: 'unwatched row removed' });
209. check('click an unwatched episode\'s check: it disappears from the list', (await ev(`document.querySelectorAll('unwatched-row').length`)) === 1
210. && (await ev(`document.querySelector('unwatched-episode').textContent`)) === 'S01E01 · Pilot');
212. await page.goto(BASE + '/my/unwatched');
213. await hydrated();
214. check('reload: the watch from /my/unwatched is server-side, not just client state', (await ev(`document.querySelectorAll('unwatched-row').length`)) === 1
215. && (await ev(`document.querySelector('unwatched-episode').textContent`)) === 'S01E01 · Pilot');
217. // ---- tracker.worldapi.org#7: /my/shows signed IN — followed shows, newest follow first, small
218. // poster, title linking to the show, the last watched episode (only ep 2 "Second" is watched so far)
219. const myShows = () => ev(`Array.from(document.querySelectorAll('my-show-row')).map(r => ({
220. title: r.querySelector('.myshow-title') && r.querySelector('.myshow-title').textContent,
221. href: r.querySelector('.myshow-title') && r.querySelector('.myshow-title').getAttribute('href'),
222. poster: r.querySelector('img.myshow-poster') && r.querySelector('img.myshow-poster').getAttribute('src'),
223. posterLoaded: !!(r.querySelector('img.myshow-poster') && r.querySelector('img.myshow-poster').complete && r.querySelector('img.myshow-poster').naturalWidth > 0),
224. episode: r.querySelector('my-show-episode') ? r.querySelector('my-show-episode').textContent : null }))`);
225. const waitPostersLoaded = () => page.waitFor(`Array.from(document.querySelectorAll('img.myshow-poster')).every(i => i.complete && i.naturalWidth > 0)`, { timeout: 10000, label: 'posters loaded' });
226. await page.goto(BASE + '/my/shows');
227. await hydrated();
228. await waitPostersLoaded();
229. let ms = await myShows();
230. check('signed in: /my/shows lists both followed shows, newest follow first, with the year (2025 from `release` — that show has no `year`)', JSON.stringify(ms.map(m => m.title)) === JSON.stringify(['Unwatched Gate Show (2025)', 'Gate Test Show (2024)']), JSON.stringify(ms));
231. check('signed in: /my/shows titles link to the show pages', ms.length === 2 && ms[0].href === '/shows/unwatched-gate-show' && ms[1].href === '/shows/gate-test-show', JSON.stringify(ms));
232. check('signed in: /my/shows shows a loaded poster per row (its own file, else the one placeholder URL /posters/none)', ms.length === 2 && ms.every(m => m.posterLoaded) && ms[1].poster === '/posters/sh1.png' && ms[0].poster === '/posters/none', JSON.stringify(ms));
233. check('signed in: /my/shows shows the last watched episode as S01E02, none for the never-watched show', ms.length === 2 && ms[1].episode === 'S01E02' && ms[0].episode === null, JSON.stringify(ms));
234. check('/my/shows: the poster is small (2.5rem wide)', (await ev(`getComputedStyle(document.querySelector('img.myshow-poster')).width`)) === '40px');
236. // ---- tracker.worldapi.org#6: /schedule signed IN — only NOT-yet-released episodes of followed
237. // shows, soonest first, no check icons at all (read-only page, unaffected by any watch toggle above)
238. await page.goto(BASE + '/my/schedule');
239. await hydrated();
240. check('signed in: /my/schedule lists only the not-yet-released episode, title with the year', (await ev(`document.querySelectorAll('schedule-row').length`)) === 1
241. && (await ev(`document.querySelector('.schedule-show').textContent`)) === 'Gate Test Show (2024)');
242. check('signed in: /my/schedule shows show title, the episode as S02E01 + title, release date, linking to the show, no checks',
243. (await ev(`document.querySelector('schedule-row schedule-episode').textContent`)) === 'S02E01 · Season Two Opener'
244. && (await ev(`document.querySelector('schedule-row schedule-date').textContent`)) === '2099-01-01'
245. && (await ev(`document.querySelector('schedule-row .schedule-show').getAttribute('href')`)) === '/shows/gate-test-show'
246. && (await ev(`document.querySelectorAll('schedule-row button.checkicon').length`)) === 0);
248. // ---- tracker.worldapi.org#4: /shows/:slug signed IN — check icons, episode toggle, season toggle,
249. // collapse/expand, and a reload proves the watch really is server-side ----
250. const EP3 = 'ep0000000000ep0e3'; // season 2 (expanded by default), episode 1 "Season Two Opener"
251. const EP1 = 'ep0000000000ep0e1'; // season 1 (collapsed by default), episode 1 "Pilot"
252. const EP2 = 'ep0000000000ep0e2'; // season 1, episode 2 "Second"
253. const SEASON1 = 'se000000000se0s1';
254. const checkClass = (id) => ev(`document.querySelector('button.checkicon[value="${id}"]').getAttribute('class')`);
255. const clickValue = (sel, id) => page.click(`${sel}[value="${id}"]`);
257. await page.goto(BASE + '/shows/gate-test-show');
258. await hydrated();
259. check('signed in: episode check icons show, starting "regular" (not watched)', (await checkClass(EP3)) === 'checkicon regular');
261. await clickValue('button.checkicon', EP3);
262. await page.waitFor(`document.querySelector('button.checkicon[value="${EP3}"]').getAttribute('class') === 'checkicon solid'`, { timeout: 10000, label: 'ep3 solid' });
263. check('click an episode check: it turns solid', (await checkClass(EP3)) === 'checkicon solid');
265. check('season 1 starts collapsed (no episode rows of it yet)', (await ev(`document.querySelectorAll('episode-row').length`)) === 1);
266. await clickValue('button.checkicon', SEASON1);
267. await page.waitFor(`document.querySelector('button.checkicon[value="${SEASON1}"]').getAttribute('class') === 'checkicon solid'`, { timeout: 10000, label: 'season1 solid' });
268. check('click a season check: the season itself turns solid', (await checkClass(SEASON1)) === 'checkicon solid');
270. await clickValue('button.season-toggle', SEASON1);
271. await page.waitForSelector(`button.checkicon[value="${EP1}"]`, { timeout: 10000 });
272. check('expanding season 1 shows its episodes already solid (the season check watched them too)',
273. (await checkClass(EP1)) === 'checkicon solid' && (await checkClass(EP2)) === 'checkicon solid');
275. await page.goto(BASE + '/shows/gate-test-show');
276. await hydrated();
277. check('reload: episode 3\'s watch is server-side, not just client state', (await checkClass(EP3)) === 'checkicon solid');
278. await clickValue('button.season-toggle', SEASON1);
279. await page.waitForSelector(`button.checkicon[value="${EP1}"]`, { timeout: 10000 });
280. check('reload: season 1\'s bulk watch is server-side too', (await checkClass(EP1)) === 'checkicon solid' && (await checkClass(EP2)) === 'checkicon solid' && (await checkClass(SEASON1)) === 'checkicon solid');
282. // ---- tracker.worldapi.org#7: /my/shows again — S02E01 was watched BEFORE season 1's bulk watch, so
283. // this proves "last" = the highest season/episode watched, not the most recently watched one
284. await page.goto(BASE + '/my/shows');
285. await hydrated();
286. ms = await myShows();
287. check('/my/shows: the last episode is the HIGHEST watched (S02E01), not the most recent watch; the other show still none',
288. ms.length === 2 && ms[1].episode === 'S02E01' && ms[0].episode === null, JSON.stringify(ms));
290. // ---- optional: screenshots of the signed-in pages (TRACKER_GATE_SHOTS=<dir>) so a human/architect can SEE them ----
291. if (process.env.TRACKER_GATE_SHOTS) {
292. mkdirSync(process.env.TRACKER_GATE_SHOTS, { recursive: true });
293. await page.send('Emulation.setDeviceMetricsOverride', { width: 1280, height: 900, deviceScaleFactor: 1, mobile: false });
294. for (const [name, path] of [['home', '/'], ['show', '/shows/gate-test-show'], ['my-shows', '/my/shows'], ['my-unwatched', '/my/unwatched'], ['my-schedule', '/my/schedule']]) {
295. await page.goto(BASE + path);
296. await hydrated();
297. const shot = await page.send('Page.captureScreenshot', { format: 'png' });
298. writeFileSync(join(process.env.TRACKER_GATE_SHOTS, name + '.png'), Buffer.from(shot.data, 'base64'));
299. }
300. await page.send('Emulation.clearDeviceMetricsOverride', {});
301. }
303. // ==== tracker.worldapi.org#9: THE TMDB SYNC, against the fake TMDB — first the tool (app stopped: hl:mpackdb is
304. // one process per storage), twice (idempotent), then the pages; then the app's own daily run ====
305. check('sync: the app ran with the daily sync switched off until now (TRACKER_SYNC=0), no TMDB request yet', log.includes('tmdb sync: off (TRACKER_SYNC=0)') && tmdb.requests.length === 0, log);
306. await page.goto('about:blank'); // leave the app first: an open page would log websocket reconnect errors
307. await stopServer();
308. // spawned, not execFileSync: the fake TMDB lives in THIS node process and must keep answering meanwhile
309. const runTool = () => new Promise((ok) => {
310. const p = spawn(join(APP, 'bin/hybriel'), ['tools/sync-tmdb.hl', '--limit', '5'], { cwd: APP, env: { ...process.env, TRACKER_STORAGE: MPACKDB, ...TMDB_ENV }, stdio: ['ignore', 'pipe', 'pipe'] });
311. let o = '';
312. p.stdout.on('data', d => o += d); p.stderr.on('data', d => o += d);
313. p.on('exit', () => ok(o));
314. });
315. let out = await runTool();
316. let done = (out.match(/tmdb sync done: .*/) || [''])[0];
317. check('sync tool: 2 followed shows → 2 new seasons (show 1 S3, show 2 S1), 4 new episodes, the 3 fixture episodes updated (tmdbId by S/E number, E2 renamed), 2 posters, 0 errors',
318. done.includes('shows=2 newSeasons=2 newEpisodes=4 updatedEpisodes=3') && done.includes('posters=2') && done.includes('errors=0'), out);
319. check('sync tool: every TMDB call carried the Bearer token, season 0 was never asked for, one request per show for details + one for its seasons',
320. tmdb.requests.filter(q => q.path.startsWith('/3/')).every(q => q.authorization === 'Bearer gate-token') && !tmdb.requests.some(q => q.path.includes('season/0'))
321. && JSON.stringify(tmdb.requests.map(q => q.path)) === JSON.stringify(['/3/tv/1001', '/3/tv/1001?append_to_response=season/1,season/2,season/3', '/t/p/w342/gate1.png', '/3/tv/1002', '/3/tv/1002?append_to_response=season/1', '/t/p/w342/gate2.png']),
322. JSON.stringify(tmdb.requests));
323. out = await runTool();
324. done = (out.match(/tmdb sync done: .*/) || [''])[0];
325. check('sync tool again: idempotent — nothing new, nothing updated, no poster downloaded again', done.includes('newSeasons=0 newEpisodes=0 updatedEpisodes=0 updatedSeasons=0 posters=0') && done.includes('errors=0'), out);
327. await startServer();
328. await page.goto(BASE + '/my/schedule');
329. await hydrated();
330. const scheduleRows = () => ev(`Array.from(document.querySelectorAll('schedule-row')).map(r => r.querySelector('.schedule-show').textContent + ' | ' + r.querySelector('schedule-episode').textContent + ' | ' + r.querySelector('schedule-date').textContent)`);
331. let rows = await scheduleRows();
332. check('after the sync: /my/schedule lists the new upcoming episodes of both shows, soonest first', JSON.stringify(rows) === JSON.stringify([
333. 'Unwatched Gate Show (2025) | S01E01 · Brand New | 2097-01-01', 'Gate Test Show (2024) | S03E02 · Coming Soon | 2098-06-01', 'Gate Test Show (2024) | S02E01 · Season Two Opener | 2099-01-01']), JSON.stringify(rows));
334. await page.goto(BASE + '/my/unwatched');
335. await hydrated();
336. rows = await ev(`Array.from(document.querySelectorAll('unwatched-row')).map(r => r.querySelector('unwatched-episode').textContent + ' | ' + r.querySelector('unwatched-date').textContent)`);
337. check('after the sync: /my/unwatched lists the newly released episodes (S03E01, S01E03), newest first', JSON.stringify(rows) === JSON.stringify(['S03E01 · Third Season Start | 2021-05-05', 'S01E03 · Third | 2020-09-01']), JSON.stringify(rows));
338. await page.goto(BASE + '/my/shows');
339. await hydrated();
340. await waitPostersLoaded();
341. ms = await myShows();
342. check('after the sync: /my/shows shows both real posters (/posters/sh2.png is new), loaded', ms.length === 2 && ms.every(m => m.posterLoaded) && ms[0].poster === '/posters/sh2.png' && ms[1].poster === '/posters/sh1.png', JSON.stringify(ms));
343. r = await fetch(BASE + '/posters/sh2.png');
344. const posterBytes = Buffer.from(await r.arrayBuffer());
345. check('the downloaded poster is served by /posters/… byte for byte (image/png), stored in storage (mpackdb/posters/)', r.status === 200 && r.headers.get('content-type') === 'image/png' && posterBytes.equals(PNG) && existsSync(join(MPACKDB, 'posters', 'sh2.png')));
346. await page.goto(BASE + '/shows/gate-test-show');
347. await hydrated();
348. const seasonCounts = await ev(`Array.from(document.querySelectorAll('season-row')).map(e => e.querySelector('season-label').textContent + ': ' + e.querySelector('season-count').textContent)`);
349. check('after the sync: the show page has S3 (new) S2 S1, no season 0, no duplicated episode (S1 has 3)', JSON.stringify(seasonCounts) === JSON.stringify(['Season 3: 2 episodes', 'Season 2: 1 episode', 'Season 1: 3 episodes']), JSON.stringify(seasonCounts));
350. check('after the sync: the latest season shows its new episodes, the poster is the downloaded one',
351. JSON.stringify(await ev(`Array.from(document.querySelectorAll('episode-row episode-title')).map(e => e.textContent)`)) === JSON.stringify(['Third Season Start', 'Coming Soon'])
352. && (await ev(`document.querySelector('show-poster img').getAttribute('src')`)) === '/posters/sh1.png' && (await ev(`document.querySelector('show-poster img').naturalWidth`)) > 0);
353. await clickValue('button.season-toggle', SEASON1);
354. await page.waitForSelector(`button.checkicon[value="${EP1}"]`, { timeout: 10000 });
355. const s1 = await ev(`Array.from(document.querySelectorAll('episode-row')).map(e => e.querySelector('episode-number').textContent + ' ' + e.querySelector('episode-title').textContent + ' ' + e.querySelector('button.checkicon').getAttribute('class'))`);
356. check('after the sync: S1 keeps its episodes (same ids, still watched), E2 renamed from TMDB, E3 new and unwatched',
357. s1.includes('1 Pilot checkicon solid') && s1.includes('2 Second Episode checkicon solid') && s1.includes('3 Third checkicon regular') && s1.length === 5, JSON.stringify(s1));
358. if (process.env.TRACKER_GATE_SHOTS) {
359. await page.send('Emulation.setDeviceMetricsOverride', { width: 1280, height: 900, deviceScaleFactor: 1, mobile: false });
360. for (const [name, path] of [['synced-show', '/shows/gate-test-show'], ['synced-my-shows', '/my/shows'], ['synced-my-unwatched', '/my/unwatched'], ['synced-my-schedule', '/my/schedule']]) {
361. await page.goto(BASE + path);
362. await hydrated();
363. if (name === 'synced-my-shows') await waitPostersLoaded();
364. const shot = await page.send('Page.captureScreenshot', { format: 'png' });
365. writeFileSync(join(process.env.TRACKER_GATE_SHOTS, name + '.png'), Buffer.from(shot.data, 'base64'));
366. }
367. await page.send('Emulation.clearDeviceMetricsOverride', {});
368. }
370. // ---- THE DAILY RUN INSIDE THE APP: TRACKER_SYNC_HOUR = this very UTC hour, so the app's own clock starts the
371. // run right after boot. TMDB now has one more episode and answers slowly (700 ms per request): the run takes
372. // seconds, and pages asked for meanwhile must still be answered between two shows, never after the whole run.
373. await page.goto('about:blank');
374. await stopServer();
375. tmdb.shows[1001].seasons[3].episodes.push({ id: 5007, episode_number: 3, name: 'Added Live', air_date: '2096-03-03' });
376. tmdb.delayMs = 700;
377. const before = tmdb.requests.length;
378. await startServer({ TRACKER_SYNC: '1', TRACKER_SYNC_HOUR: String(new Date().getUTCHours()) });
379. const lat = [];
380. const t0 = Date.now();
381. while (!log.includes('tmdb sync done') && Date.now() - t0 < 30000) {
382. const a = Date.now();
383. await fetch(BASE + '/');
384. lat.push({ at: a - t0, ms: Date.now() - a, running: log.includes('tmdb sync: start') && !log.includes('tmdb sync done') });
385. await new Promise(r => setTimeout(r, 150));
386. }
387. const runDone = (log.match(/tmdb sync done: .*/) || [''])[0];
388. check('in-app daily run: started by the app\'s own clock at the configured hour, found the new episode, 0 errors',
389. log.includes('tmdb sync: daily at ' + new Date().getUTCHours() + ':00 UTC') && log.includes('tmdb sync: start, 2 followed shows') && runDone.includes('newSeasons=0 newEpisodes=1 updatedEpisodes=0') && runDone.includes('errors=0'), log);
390. const during = lat.filter(l => l.running);
391. const runSecs = Number((runDone.match(/seconds=([0-9.]+)/) || [0, 0])[1]);
392. console.log(` (in-app run ${runSecs} s; ${during.length} pages asked during it, slowest ${Math.max(0, ...during.map(l => l.ms))} ms)`);
393. check('in-app daily run: the server kept answering DURING the run (between shows) — every page < 2.5 s though the run took ≥ 3 s',
394. runSecs >= 3 && during.length >= 3 && during.every(l => l.ms < 2500), 'run ' + runSecs + ' s, during: ' + JSON.stringify(during));
395. check('in-app daily run: the Bearer token on every call, 4 requests (no poster again: unchanged)', tmdb.requests.slice(before).filter(q => q.path.startsWith('/3/')).every(q => q.authorization === 'Bearer gate-token') && tmdb.requests.length - before === 4, JSON.stringify(tmdb.requests.slice(before)));
396. await page.goto(BASE + '/my/schedule');
397. await hydrated();
398. rows = await scheduleRows();
399. check('after the in-app run: /my/schedule has the episode TMDB added meanwhile (S03E03, 2096-03-03) on top', rows.length === 4 && rows[0] === 'Gate Test Show (2024) | S03E03 · Added Live | 2096-03-03', JSON.stringify(rows));
401. // ==== tracker.worldapi.org#10: THE INSTALLABLE APP — hl:web's own manifest + service worker (project.hl appIcons /
402. // offline = [ Home ]). The manifest and every icon over HTTP; Chrome's own verdict (installability, manifest parse);
403. // the worker registered for the whole app; then OFFLINE: the tab loses the network (the note appears), the server
404. // is stopped too (CDP's offline emulation does not reach the service worker's own fetches — measured — so only a
405. // dead server proves the cache), and `/` still opens: header + the note. A data page gets hl:web's "Unavailable
406. // offline" page. A separate tab, so its expected socket errors stay out of the main tab's console check.
407. const html = await (await fetch(BASE + '/')).text();
408. const mhref = (html.match(/<link rel="manifest" href="([^"]+)"/) || [])[1];
409. check('pwa: every page head links the manifest, the apple-touch-icon, the favicon and the theme colour (the token `darker`)',
410. mhref === '/__hl/manifest.webmanifest' && html.includes('<link rel="apple-touch-icon" href="/icons/apple-touch-icon.png">')
411. && html.includes('<link rel="icon" href="/icons/favicon.svg">') && html.includes('<meta name="theme-color" content="rgb(15, 20, 25)">'), html.slice(0, 900));
412. const mres = await fetch(BASE + mhref);
413. const man = await mres.json();
414. check('pwa: the manifest is served as application/manifest+json: name "tracker", start_url /, scope /, display standalone, the token colours',
415. /manifest\+json/.test(mres.headers.get('content-type') || '') && man.name === 'tracker' && man.short_name === 'tracker' && man.start_url === '/' && man.scope === '/'
416. && man.display === 'standalone' && man.theme_color === 'rgb(15, 20, 25)' && man.background_color === 'rgb(25, 30, 35)', JSON.stringify(man));
417. const iconOk = [];
418. for (const ic of man.icons || []) {
419. const ir = await fetch(BASE + ic.src);
420. const b = Buffer.from(await ir.arrayBuffer());
421. iconOk.push(ir.ok && ic.type === 'image/png' && b.readUInt32BE(16) === Number(ic.sizes.split('x')[0]) && b.readUInt32BE(20) === Number(ic.sizes.split('x')[1]));
422. }
423. check('pwa: every manifest icon loads and is a real PNG of its declared size (192 + 512, any + maskable)',
424. iconOk.length === 4 && iconOk.every(Boolean) && ['any', 'maskable'].every(pu => ['192x192', '512x512'].every(sz => man.icons.some(i => i.purpose === pu && i.sizes === sz))), JSON.stringify(man.icons) + ' ' + JSON.stringify(iconOk));
425. const touch = await fetch(BASE + '/icons/apple-touch-icon.png');
426. const touchBytes = Buffer.from(await touch.arrayBuffer());
427. const fav = await fetch(BASE + '/icons/favicon.svg');
428. const favText = await fav.text();
429. const ico = await fetch(BASE + '/favicon.ico');
430. const icoBytes = Buffer.from(await ico.arrayBuffer());
431. check('pwa: apple-touch-icon is a 180×180 PNG, the favicon an SVG in tracker green, /favicon.ico a real icon file',
432. touch.ok && touchBytes.readUInt32BE(16) === 180 && fav.ok && /image\/svg\+xml/.test(fav.headers.get('content-type') || '') && favText.includes('#4ec9b0')
433. && ico.ok && icoBytes.readUInt32BE(0) === 0x00000100, `${touch.status} ${fav.status} ${ico.status}`);
435. await page.goto('about:blank'); // the server goes down below: the main tab must not sit on a page meanwhile
436. const app = await browser.newPage();
437. const aev = (e) => app.evaluate(e);
438. const appHydrated = () => app.waitFor('!!window.__hl && window.__hl.socket && window.__hl.socket.readyState === 1', { timeout: 15000, label: 'app tab hydrated' });
439. await app.send('Emulation.setDeviceMetricsOverride', { width: 390, height: 844, deviceScaleFactor: 2, mobile: true });
440. await app.goto(BASE + '/');
441. await appHydrated();
442. await app.waitFor(`navigator.serviceWorker.getRegistration().then(r => !!(r && r.active))`, { timeout: 15000, label: 'service worker active' });
443. await app.waitFor(`!!navigator.serviceWorker.controller`, { timeout: 10000, label: 'page controlled by the worker' });
444. const inst = await app.send('Page.getInstallabilityErrors');
445. check('pwa: Chrome reports no installability error', (inst.installabilityErrors || []).length === 0, JSON.stringify(inst));
446. const am = await app.send('Page.getAppManifest');
447. check('pwa: Chrome parses the manifest without errors', am.url && am.url.endsWith('/__hl/manifest.webmanifest') && (am.errors || []).length === 0, JSON.stringify(am.errors));
448. check('pwa: hl:web\'s service worker is registered for the whole app (scope /) and controls the page',
449. (await aev(`navigator.serviceWorker.getRegistration().then(r => new URL(r.scope).pathname + ' ' + new URL(r.active.scriptURL).pathname)`)) === '/ /__hl/sw.js' && (await aev('!!navigator.serviceWorker.controller')));
450. check('pwa: online, no offline note', !(await aev(`!!document.querySelector('#offline')`)));
451. if (process.env.TRACKER_GATE_SHOTS) writeFileSync(join(process.env.TRACKER_GATE_SHOTS, 'pwa-phone-online.png'), Buffer.from((await app.send('Page.captureScreenshot', { format: 'png' })).data, 'base64'));
453. await app.setOffline(true);
454. await app.waitFor(`!!document.querySelector('#offline')`, { timeout: 5000, label: 'offline note (live)' }).catch(() => {});
455. check('offline: the open page says so within seconds (the shell\'s tick)', (await aev(`document.querySelector('#offline') ? document.querySelector('#offline').textContent : ''`)) === 'You are offline. Your shows and lists need the network.');
456. await stopServer();
457. let down = false;
458. try { await fetch(BASE + '/'); } catch { down = true; }
459. await app.goto(BASE + '/');
460. await app.waitFor(`!!document.querySelector('#offline')`, { timeout: 8000, label: 'offline note after reload' }).catch(() => {});
461. check('offline: with the server gone too, a reload of / still opens the shell from the worker\'s cache — header, brand, the note, the empty home',
462. down && (await aev(`document.querySelector('application-header .brand') ? document.querySelector('application-header .brand').textContent : ''`)) === 'tracker'
463. && (await aev(`!!document.querySelector('#offline')`)) && (await aev(`document.querySelector('main').textContent.trim()`)) === ''
464. && (await aev(`getComputedStyle(document.querySelector('application-header')).backgroundColor`)) === 'rgb(15, 20, 25)', 'server down: ' + down);
465. if (process.env.TRACKER_GATE_SHOTS) writeFileSync(join(process.env.TRACKER_GATE_SHOTS, 'pwa-phone-offline.png'), Buffer.from((await app.send('Page.captureScreenshot', { format: 'png' })).data, 'base64'));
466. await app.goto(BASE + '/my/shows');
467. check('offline: a data page (/my/shows) is not kept — hl:web\'s "Unavailable offline" page', (await aev(`!!document.querySelector('main[data-hl-offline]') && document.querySelector('h1').textContent`)) === 'Unavailable offline');
469. await app.setOffline(false);
470. await startServer();
471. await app.goto(BASE + '/');
472. await appHydrated();
473. await app.waitFor(`!document.querySelector('#offline')`, { timeout: 5000, label: 'note gone' }).catch(() => {});
474. check('back online: / from the server again, no offline note', !(await aev(`!!document.querySelector('#offline')`)));
475. await app.close();
476. await page.goto(BASE + '/my/schedule');
477. await hydrated();
479. // ---- sign out: back to signed out, a reload confirms the app's own session (not just client state) ----
480. await page.click('#logout');
481. await page.waitForSelector('#loginbutton', { timeout: 15000 });
482. check('sign out returns to the signed-out header', (await ev(`!!document.querySelector('#loginbutton')`)) && !(await ev(`!!document.querySelector('#logout')`)));
483. await page.goto(BASE + '/');
484. await hydrated();
485. check('reload after sign-out stays signed out', (await ev(`!!document.querySelector('#loginbutton')`)) && !(await ev(`!!document.querySelector('#logout')`)));
487. const problems = page.problems();
488. check('no console errors/warnings', problems.length === 0, page.dumpConsole());
489. }
491. try {
492. await main();
493. } catch (e) {
494. check('gate ran without throwing', false, e.stack || String(e));
495. } finally {
496. await stop();
497. }
499. console.log(`\n${passes} passed, ${failures} failed`);
500. process.exit(failures === 0 ? 0 : 1);