tracker

136.2 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, readdirSync, 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. // tracker.worldapi.org#12: TMDB's external_ids — show 1 a DIFFERENT imdb id than the stored tt0000001 (must not overwrite)
61. // + a tvdb id (fills); show 2 an imdb id (fills) + a different tvdb id than the stored 4002 (must not overwrite). The movie
62. // 1003 (only via /movie/): an imdb id. The fake TVmaze knows imdb tt0000001 → 501 and thetvdb 4002 → 502 (tt0000002 is unknown).
63. const gateTmdbMovies = () => ({ 1003: { id: 1003, title: 'Gate Test Movie', poster_path: '/gate3.png', external_ids: { imdb_id: 'tt0000003', wikidata_id: 'Q1' } },
64. // tracker.worldapi.org#14: a movie only TMDB has — imported from the search
65. 1005: { id: 1005, title: 'Gate Import Movie', poster_path: '/gate5.png', release_date: '2001-05-05', overview: 'an imported movie', genres: [{ id: 18, name: 'Drama' }], external_ids: { imdb_id: 'tt0000005' } },
66. // mission 054 (tests/seed-adult.hl): what TMDB says about the titles whose adult flag we don't know yet; 1120 is unknown (404)
67. 1011: { id: 1011, title: 'Adult Gate Movie', adult: true, poster_path: '/flag11.png' },
68. 1012: { id: 1012, title: 'Flagless Gate Movie', adult: false, poster_path: '/flag12.png', external_ids: { imdb_id: 'tt0001012' } },
69. 1013: { id: 1013, title: 'Flagless Adult Movie', adult: true, poster_path: '/flag13.png', external_ids: {} },
70. ...Object.fromEntries(Array.from({ length: 10 }, (_, k) => [1101 + k, { id: 1101 + k, title: 'Backfill Movie ' + String(k + 1).padStart(2, '0'), adult: false, poster_path: `/bf${k + 1}.png`, external_ids: {} }])) });
71. // tracker.worldapi.org#15: TVmaze's episode lists — at first the SAME as TMDB's (same numbers, same days, + a special without
72. // a number that must be ignored), so the first syncs take nothing from TVmaze; the "TVmaze merge" block below changes them.
73. const gateTvmazeEpisodes = () => ({
74. 501: [{ id: 8001, season: 1, number: 1, name: 'Pilot', airdate: '2020-01-01' }, { id: 8002, season: 1, number: 2, name: 'Second Episode', airdate: '2020-06-15' },
75. { id: 8003, season: 1, number: 3, name: 'Third', airdate: '2020-09-01' }, { id: 8004, season: 2, number: 1, name: 'Season Two Opener', airdate: '2099-01-01' },
76. { id: 8005, season: 3, number: 1, name: 'Third Season Start', airdate: '2021-05-05' }, { id: 8006, season: 3, number: 2, name: 'Coming Soon', airdate: '2098-06-01' },
77. { id: 8099, season: 3, number: null, name: 'A TVmaze Special', airdate: '2021-06-01', type: 'significant_special' }],
78. 502: [{ id: 8101, season: 1, number: 1, name: 'Brand New', airdate: '2097-01-01' }],
79. });
80. const gateTvmaze = () => ({ imdb: { tt0000001: 501 }, thetvdb: { 4002: 502, 4004: 504 }, episodes: gateTvmazeEpisodes() });
81. // tracker.worldapi.org#14: TMDB's search/multi for "gate": the two titles we HAVE (tv 1001, movie 1003 — left out of the web
82. // list), a person (dropped), and three new ones: tv 1004 + movie 1005 (importable) and tv 1006 (in the search, but its details
83. // answer 404 — the failed import)
84. const gateSearch = () => ({ gate: [
85. { media_type: 'tv', id: 1001, name: 'Gate Test Show', first_air_date: '2024-01-01', poster_path: '/gate1.png', overview: 'have it' },
86. { media_type: 'tv', id: 1004, name: 'Gate Import Show', first_air_date: '2023-02-02', poster_path: '/gate4.png', overview: 'new series' },
87. { media_type: 'person', id: 77, name: 'Gate Person' },
88. { media_type: 'movie', id: 1003, title: 'Gate Test Movie', release_date: '1996-11-18', poster_path: '/gate3.png' },
89. { media_type: 'movie', id: 1005, title: 'Gate Import Movie', release_date: '2001-05-05', poster_path: null, overview: 'new movie' },
90. { media_type: 'tv', id: 1006, name: 'Gate Broken Show', first_air_date: '', poster_path: '/gate6.png' },
91. // mission 054: an ADULT title in TMDB's answer (despite include_adult=false) — never in our web list
92. { media_type: 'movie', id: 1030, title: 'Gate Adult Web', adult: true, release_date: '2002-02-02', poster_path: '/gate30.png' }] });
93. // tracker.worldapi.org#16: TMDB's people. Test Actor (3002): facts + a photo; credits = two titles we HAVE (tv 1001, movie 1003),
94. // new ones — a movie as cast AND crew ("Hero / Director"), a series, an ADULT movie (stored, never shown), an undated one (last),
95. // a crew-only one, and 80 more movies (87 titles → 3 batches of 40 after the TMDB step). Second Actor (3003): two titles that
96. // exist by then. Complete Person (3001) must never be asked.
97. const gatePersons = () => {
98. const bulk = [];
99. for (let i = 1; i <= 80; i++) bulk.push({ media_type: 'movie', id: 2100 + i, title: 'Bulk Film ' + String(i).padStart(2, '0'), release_date: '2005-01-01', character: 'Extra', adult: false, poster_path: null, genre_ids: [] });
100. return {
101. 3002: { id: 3002, name: 'Test Actor', biography: 'Test Actor bio from TMDB.', birthday: '1970-05-06', deathday: null, place_of_birth: 'Fixture Town', profile_path: '/face2.png', imdb_id: 'nm0000002', adult: false,
102. combined_credits: {
103. cast: [
104. { media_type: 'tv', id: 1001, name: 'Gate Test Show', first_air_date: '2024-01-01', character: 'Someone', poster_path: '/gate1.png' },
105. { media_type: 'movie', id: 1003, title: 'Gate Test Movie', release_date: '1996-11-18', character: 'Cameo', poster_path: '/gate3.png' },
106. { media_type: 'movie', id: 2001, title: 'Person Film One', release_date: '2010-05-05', character: 'Hero', adult: false, poster_path: '/pf1.png', genre_ids: [18], overview: 'a film of the person', original_language: 'en' },
107. { media_type: 'tv', id: 2002, name: 'Person Series', first_air_date: '2015-03-03', character: 'Lead', adult: false, poster_path: null, genre_ids: [18, 10765] },
108. { media_type: 'movie', id: 2003, title: 'Hidden Adult Film', release_date: '2012-01-01', character: 'X', adult: true, poster_path: null },
109. { media_type: 'movie', id: 2004, title: 'Announced Film', release_date: '', character: 'Villain', adult: false, poster_path: null },
110. ...bulk],
111. crew: [
112. { media_type: 'movie', id: 2001, title: 'Person Film One', release_date: '2010-05-05', job: 'Director', adult: false, poster_path: '/pf1.png' },
113. { media_type: 'movie', id: 2005, title: 'Directed Only', release_date: '2018-08-08', job: 'Writer', adult: false, poster_path: null }] } },
114. 3003: { id: 3003, name: 'Second Actor', biography: '', birthday: null, deathday: null, place_of_birth: null, profile_path: null,
115. combined_credits: { cast: [{ media_type: 'movie', id: 2001, title: 'Person Film One', release_date: '2010-05-05', character: 'Sidekick', poster_path: '/pf1.png' },
116. { media_type: 'tv', id: 1001, name: 'Gate Test Show', first_air_date: '2024-01-01', character: 'Guest', poster_path: '/gate1.png' },
117. // TMDB's credit says not adult, but OUR record of it is (adult = true, stored by Test Actor's fill): still hidden
118. { media_type: 'movie', id: 2003, title: 'Hidden Adult Film', release_date: '2012-01-01', character: 'Y', adult: false }], crew: [] } },
119. 3001: { id: 3001, name: 'Complete Person', combined_credits: { cast: [{ media_type: 'movie', id: 2999, title: 'Must Not Appear', release_date: '2000-01-01' }], crew: [] } },
120. };
121. };
122. const gateTmdbShows = () => ({
123. 1001: { id: 1001, name: 'Gate Test Show', overview: 'TMDB overview', status: 'Returning Series', poster_path: '/gate1.png', external_ids: { imdb_id: 'tt9999999', tvdb_id: 4001, tvrage_id: null }, seasons: [
124. { 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' }] },
125. { id: 91, season_number: 1, name: 'Season 1', air_date: '2020-01-01', episodes: [
126. { id: 5001, episode_number: 1, name: 'Pilot', air_date: '2020-01-01' },
127. { id: 5002, episode_number: 2, name: 'Second Episode', air_date: '2020-06-15' },
128. { id: 5003, episode_number: 3, name: 'Third', air_date: '2020-09-01' }] },
129. { 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' }] },
130. { id: 93, season_number: 3, name: 'Season 3', air_date: '2021-05-05', episodes: [
131. { id: 5005, episode_number: 1, name: 'Third Season Start', air_date: '2021-05-05' },
132. { id: 5006, episode_number: 2, name: 'Coming Soon', air_date: '2098-06-01' }] }] },
133. // tracker.worldapi.org#14: NOT in our database — imported from the search (no one follows it, the sync never asks for it)
134. 1004: { id: 1004, name: 'Gate Import Show', overview: 'an imported series', status: 'Returning Series', poster_path: '/gate4.png', first_air_date: '2023-02-02',
135. original_language: 'en', genres: [{ id: 18, name: 'Drama' }, { id: 10765, name: 'Sci-Fi & Fantasy' }], external_ids: { imdb_id: 'tt0000004', tvdb_id: 4004 }, seasons: [
136. { id: 95, season_number: 1, name: 'Season 1', air_date: '2023-02-02', episodes: [
137. { id: 8001, episode_number: 1, name: 'Imported One', air_date: '2023-02-02' }, { id: 8002, episode_number: 2, name: 'Imported Two', air_date: '2023-02-09' }] }] },
138. // mission 054: a series whose adult flag we don't know yet (tests/seed-adult.hl) — TMDB says not adult
139. 1014: { id: 1014, name: 'Flagless Gate Series', adult: false, overview: 'flagless', status: 'Ended', poster_path: '/flag14.png', external_ids: { imdb_id: 'tt0001014', tvdb_id: 4014 }, seasons: [
140. { id: 96, season_number: 1, name: 'Season 1', air_date: '2001-03-03', episodes: [{ id: 9601, episode_number: 1, name: 'Flagless Pilot', air_date: '2001-03-03' }] }] },
141. 1002: { id: 1002, name: 'Unwatched Gate Show', overview: 'second', status: 'Returning Series', poster_path: '/gate2.png', external_ids: { imdb_id: 'tt0000002', tvdb_id: 4999 }, seasons: [
142. { 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' }] }] },
143. });
145. async function main() {
146. ident = await startIdent({ identDir: IDENT_DIR, workDir: join(STORE, 'ident'), port: IDENT_PORT });
147. const alice = await ident.signIn('[email protected]');
148. const APPKEY = await ident.registerApp(alice, 'tracker (gate)', [BASE]);
149. 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')));
151. // tracker.worldapi.org#5: learn alice's per-app identity (a throwaway code, consumed here) so the
152. // fixture below can seed a follow for the SAME user the real login flow will later resolve to
153. // (users.hl `ensureUser` matches an existing users.db row by `identity`, reusing its id) — this is
154. // the only way to give /unwatched a known followed show before the browser ever signs in.
155. const preCode = await ident.selectorCode(alice, APPKEY, BASE);
156. const aliceIdentity = await ident.exchange(APPKEY, preCode);
158. // tracker.worldapi.org#4/#5: a tiny fixture show (tests/seed-show.hl) — written BEFORE the server
159. // starts, self-assigned ids only (never update(), see that file's header)
160. const MPACKDB = join(STORE, 'mpackdb');
161. mkdirSync(MPACKDB, { recursive: true });
162. const seedOut = execFileSync(join(APP, 'bin/hybriel'), ['tests/seed-show.hl'], { cwd: APP, env: { ...process.env, TRACKER_STORAGE: MPACKDB, TRACKER_SEED_IDENTITY: aliceIdentity } }).toString();
163. check('seed: the fixture show was written, alice follows it', seedOut.includes('gate-test-show') && seedOut.includes('follows it'), seedOut);
164. // tracker.worldapi.org#8: the fixture show's poster FILE exists (a 1×1 png), the second show has none →
165. // /my/shows must give the first its own /posters/sh1.png and the second the one placeholder URL /posters/none
166. mkdirSync(join(MPACKDB, 'posters'), { recursive: true });
167. writeFileSync(join(MPACKDB, 'posters', 'sh1.png'), Buffer.from('iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==', 'base64'));
169. // tracker.worldapi.org#9: the fake TMDB. EVERY run of the app/tool in this gate points at it with the gate's own
170. // token — the runtime loads the project's real .env (TMDB_READ_TOKEN) by itself, the environment given here wins
171. tmdb = await startFakeTmdb({ port: TMDB_PORT, shows: gateTmdbShows(), movies: gateTmdbMovies(), tvmaze: gateTvmaze(), search: gateSearch(), persons: gatePersons() });
172. const TMDB_ENV = { TMDB_READ_TOKEN: 'gate-token', TMDB_BASE_URL: tmdb.base + '/3', TMDB_IMAGE_URL: tmdb.base + '/t/p', TVMAZE_BASE_URL: tmdb.base + '/tvmaze' };
173. const startServer = async (extra = {}) => {
174. log = '';
175. 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',
176. 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', TRACKER_BACKFILL: '0', ...extra }, stdio: ['ignore', 'pipe', 'pipe'] });
177. server.stdout.on('data', d => log += d); server.stderr.on('data', d => log += d);
178. for (let i = 0; ; i++) {
179. try { if ((await fetch(BASE + '/')).ok) break; } catch {}
180. if (i > 80) throw new Error('tracker did not come up\n' + log);
181. await new Promise(r => setTimeout(r, 250));
182. }
183. };
184. await startServer();
185. check('tracker is up', true);
187. browser = await launchBrowser({ debugPortRange: [CH_FROM, CH_TO] });
188. const page = await browser.newPage();
189. globalThis.__gatePage = page;
190. page.captureNetwork();
191. const ev = (e) => page.evaluate(e);
192. const hydrated = () => page.waitFor('!!window.__hl && window.__hl.socket && window.__hl.socket.readyState === 1', { timeout: 15000, label: 'hydrated' });
193. // mission 047: every check icon AND season caret on the page is a real SVG element (not XHTML) and actually drawn
194. const svgState = () => ev(`JSON.stringify((() => {
195. const svgs = Array.from(document.querySelectorAll('button.checkicon svg, season-caret svg'));
196. const shapes = Array.from(document.querySelectorAll('button.checkicon svg circle, button.checkicon svg path, season-caret svg path'));
197. return { svgs: svgs.length, badNs: svgs.concat(shapes).filter(e => e.namespaceURI !== 'http://www.w3.org/2000/svg').length,
198. undrawn: Array.from(document.querySelectorAll('button.checkicon svg circle')).filter(c => !(c.getBoundingClientRect().width > 0)).length };
199. })())`);
200. const svgOk = (st) => { const v = JSON.parse(st); return v.svgs > 0 && v.badNs === 0 && v.undrawn === 0; };
201. // the caret's rotation per season row, top to bottom: 'down' (open) or 'right' (collapsed, rotate(-90deg))
202. const carets = () => ev(`JSON.stringify(Array.from(document.querySelectorAll('season-row')).map(r => {
203. const t = getComputedStyle(r.querySelector('season-caret')).transform;
204. return t === 'none' ? 'down' : (t.startsWith('matrix(') && Math.abs(Number(t.slice(7).split(',')[1]) + 1) < 1e-6 ? 'right' : t);
205. }))`);
206. // tracker.worldapi.org#12: the header's link icons as [label, href, target, rel], in order
207. const extLinks = () => ev(`JSON.stringify(Array.from(document.querySelectorAll('show-links a.extlink')).map(a => [a.textContent, a.getAttribute('href'), a.getAttribute('target'), a.getAttribute('rel')]))`);
208. const linksAre = (got, want) => JSON.stringify(JSON.parse(got)) === JSON.stringify(want.map(([l, h]) => [l, h, '_blank', 'noopener']));
209. const TMDB_TV = 'https://www.themoviedb.org/tv/', TMDB_MOVIE = 'https://www.themoviedb.org/movie/', IMDB = 'https://www.imdb.com/title/', TVDB = 'https://thetvdb.com/dereferrer/series/', TVMAZE = 'https://www.tvmaze.com/shows/';
210. // a click on a link icon: a NEW tab opens at that address (no access to this one: noopener), this tab stays where it is.
211. // The new tab is closed again at once (it would load the real site).
212. const clickOpensNewTab = async (sel) => {
213. const seen = new Map();
214. const off = browser.conn.onEvent((m) => {
215. if ((m.method === 'Target.targetCreated' || m.method === 'Target.targetInfoChanged') && m.params.targetInfo.type === 'page') seen.set(m.params.targetInfo.targetId, m.params.targetInfo);
216. });
217. await browser.conn.send('Target.setDiscoverTargets', { discover: true });
218. const known = new Set(seen.keys());
219. const before = await ev('location.href');
220. await page.click(sel);
221. const fresh = () => [...seen.values()].find(i => !known.has(i.targetId) && i.url && i.url !== 'about:blank');
222. for (let i = 0; i < 100 && !fresh(); i++) await new Promise(r => setTimeout(r, 50));
223. const tab = fresh();
224. off();
225. await browser.conn.send('Target.setDiscoverTargets', { discover: false });
226. if (tab) await browser.conn.send('Target.closeTarget', { targetId: tab.targetId }).catch(() => {});
227. return { url: tab ? tab.url : null, canAccessOpener: tab ? tab.canAccessOpener : null, stayed: (await ev('location.href')) === before };
228. };
229. // tracker.worldapi.org#13: the poster tiles of a row/grid as "title|year|href|poster"
230. const tilesOf = (sel) => ev(`JSON.stringify(Array.from(document.querySelectorAll(${JSON.stringify(sel)} + ' a.tile')).map(a => [a.querySelector('tile-title').textContent, a.querySelector('tile-year').textContent, a.getAttribute('href'), a.querySelector('img.tile-poster').getAttribute('src')].join('|')))`).then(JSON.parse);
231. const titlesOf = async (sel) => (await tilesOf(sel)).map(t => t.split('|')[0]);
232. const movieRange = (from, to) => { const o = []; for (let i = from; i >= to; i--) o.push('Pager Movie ' + String(i).padStart(2, '0')); return o; };
233. const pagerState = () => ev(`JSON.stringify({ items: Array.from(document.querySelectorAll('pagination li')).map(l => l.textContent.trim()), current: (document.querySelector('pagination li.current') || { textContent: '' }).textContent.trim() })`).then(JSON.parse);
234. // hybriel 64527baa (in the vendored ff51cf46): a face taking `session` also answers with a sync of every member derived
235. // from session — a handler that ALSO appended the returned row would show it twice. After every face-driven change:
236. // each row (by its button value) once. Waits 400 ms first so a late sync has landed.
237. const rowsOnce = async (sel) => { await new Promise(r => setTimeout(r, 400)); return JSON.parse(await ev(`JSON.stringify((() => { const v = Array.from(document.querySelectorAll(${JSON.stringify(sel)})).map(b => b.value); return { n: v.length, unique: new Set(v).size === v.length, values: v }; })())`)); };
238. const modalOpen = () => ev(`!!(document.querySelector('dialog#signin') && document.querySelector('dialog#signin').open)`);
239. const loginAs = async (who) => {
240. const code = await ident.selectorCode(who, APPKEY, BASE);
241. await page.goto(BASE + '/login/callback?ident_code=' + code);
242. await page.waitForSelector('#logout');
243. await hydrated();
244. };
246. // ---- signed out: header shows the selector + "Log in with ident", the page itself is empty ----
247. await page.goto(BASE + '/');
248. await hydrated();
249. check('signed out: the identity selector is in the header', await ev(`!!document.querySelector('#selector')`));
250. check('signed out: "Log in with ident" shows, no "Log out"', (await ev(`!!document.querySelector('#loginbutton')`)) && !(await ev(`!!document.querySelector('#logout')`)));
251. // mission 056: signed out on a phone the header is ONE row ("choose ident" + "Log in" never wrap); " with ident" from 40rem on
252. const headerRow = () => ev(`JSON.stringify((() => { const h = document.querySelector('application-header').getBoundingClientRect();
253. const parts = [document.querySelector('application-header .brand'), document.querySelector('#searchlink'), document.querySelector('#selector'), document.querySelector('#loginbutton')].map(e => e.getBoundingClientRect());
254. return { h: Math.round(h.height), oneRow: parts.every(r => r.top >= h.top && r.bottom <= h.bottom && r.top < parts[0].bottom && r.bottom > parts[0].top), right: Math.round(Math.max(...parts.map(r => r.right))),
255. sw: document.documentElement.scrollWidth, text: document.querySelector('#loginbutton').innerText.trim(), choose: document.querySelector('#selector').shadowRoot.querySelector('[part~="button"]').getBoundingClientRect().height }; })())`).then(JSON.parse);
256. const rows56 = {};
257. for (const [w, mobile] of [[320, true], [390, true], [1280, false]]) {
258. await page.send('Emulation.setDeviceMetricsOverride', { width: w, height: 800, deviceScaleFactor: mobile ? 2 : 1, mobile });
259. await page.goto(BASE + '/');
260. await hydrated();
261. await page.waitFor(`!!document.querySelector('#selector').shadowRoot && !!document.querySelector('#selector').shadowRoot.querySelector('[part~="button"]')`, { timeout: 5000, label: 'selector drawn' });
262. rows56[w] = await headerRow();
263. if (process.env.TRACKER_GATE_SHOTS) writeFileSync(join(process.env.TRACKER_GATE_SHOTS, `header-signed-out-${w}.png`), Buffer.from((await page.send('Page.captureScreenshot', { format: 'png' })).data, 'base64'));
264. }
265. await page.send('Emulation.clearDeviceMetricsOverride', {});
266. await page.goto(BASE + '/');
267. await hydrated();
268. check('signed out: the header is ONE row at 320/390/1280 px (≤ 56 px high, nothing below the brand, no sideways scroll); a phone says "Log in", a wide screen "Log in with ident"',
269. [320, 390, 1280].every(w => rows56[w].oneRow && rows56[w].h <= 56 && rows56[w].sw <= w && rows56[w].right <= w && rows56[w].choose <= 40) && rows56[320].text === 'Log in' && rows56[390].text === 'Log in' && rows56[1280].text === 'Log in with ident', JSON.stringify(rows56));
270. // ---- tracker.worldapi.org#13: the homepage signed OUT — no icon tiles, the text, "Movies" (→ /movies) with the 10
271. // latest RELEASED movies (not the 2099 one), "Shows" (→ /shows) with the series by newest released episode ----
272. check('home signed out: no icon tiles, no centered sign-in; the text about the site (with the sign-in hint)', (await ev(`document.querySelectorAll('a.hometile').length`)) === 0
273. && /keeps track of the series and movies you follow/.test(await ev(`document.querySelector('home-intro').textContent`)) && /Log in with ident/.test(await ev(`document.querySelector('home-intro').textContent`)));
274. check('home: the headings "Movies" and "Shows" link to /movies and /shows', (await ev(`[document.querySelector('#home-movies h2 a'), document.querySelector('#home-shows h2 a')].map(a => a.textContent + ' ' + a.getAttribute('href')).join(',')`)) === 'Movies /movies,Shows /shows');
275. let tl = await tilesOf('#home-movies');
276. check('home: the 10 latest RELEASED movies, newest first (Pager Movie 30…21; the 2099 one is not out yet), each poster + title + year → its page',
277. JSON.stringify(tl.map(t => t.split('|')[0])) === JSON.stringify(movieRange(30, 21)) && tl[0] === 'Pager Movie 30|2001|/shows/pager-movie-30|/posters/none', JSON.stringify(tl));
278. tl = await tilesOf('#home-shows');
279. check('home: the series by newest RELEASED episode (Pager Older Series 2021-01-01, Gate Test Show 2020-06-15; one with no released episode is left out)',
280. JSON.stringify(tl) === JSON.stringify(['Pager Older Series|2019|/shows/pager-older-series|/posters/none', 'Gate Test Show|2024|/shows/gate-test-show|/posters/sh1.png']), JSON.stringify(tl));
281. check('home: every tile poster loaded (the placeholder or the real file)', await ev(`new Promise(r => setTimeout(r, 300)).then(() => Array.from(document.querySelectorAll('img.tile-poster')).filter(i => i.getBoundingClientRect().right <= innerWidth).every(i => i.complete && i.naturalWidth > 0))`));
283. // ---- tracker.worldapi.org#4: /shows/:slug signed OUT — the header/genres/cast show, no checks ----
284. await page.goto(BASE + '/shows/gate-test-show');
285. await hydrated();
286. check('signed out: the show header renders (title, genre, cast)', (await ev(`document.querySelector('show-header h1').textContent`)) === 'Gate Test Show'
287. && (await ev(`document.querySelector('.genre-pill').textContent`)) === 'Drama'
288. && (await ev(`document.querySelector('.artist-link').textContent`)) === 'Test Actor');
289. // ---- tracker.worldapi.org#12: link icons only for the ids the show has (before any sync: show 1 has tmdb + imdb) ----
290. let lk = await extLinks();
291. check('link icons: show 1 (tmdbId + imdbId only) has exactly TMDB (tv/1001) and IMDb (tt0000001), each target=_blank rel=noopener',
292. linksAre(lk, [['TMDB', TMDB_TV + '1001'], ['IMDb', IMDB + 'tt0000001/']]), lk);
293. check('link icons: monochrome badges (one colour for all, no image), small (≤ 1.6rem high)',
294. (await ev(`(() => { const a = Array.from(document.querySelectorAll('a.extlink')); const c = a.map(e => getComputedStyle(e)); return a.length > 0 && new Set(c.map(x => x.backgroundColor + x.color)).size === 1 && a.every(e => !e.querySelector('img') && e.getBoundingClientRect().height <= 25.6) })()`)));
295. const nt = await clickOpensNewTab('a.extlink[data-site="imdb"]');
296. check('link icons: a click opens the show on IMDb in a NEW tab without access to this one (noopener); this page stays', nt.url === IMDB + 'tt0000001/' && nt.canAccessOpener === false && nt.stayed, JSON.stringify(nt));
297. await page.goto(BASE + '/shows/unwatched-gate-show');
298. await hydrated();
299. lk = await extLinks();
300. check('link icons: show 2 (tmdbId + tvdbId only) has exactly TMDB and TheTVDB (dereferrer/series/4002)', linksAre(lk, [['TMDB', TMDB_TV + '1002'], ['TVDB', TVDB + '4002']]), lk);
301. await page.goto(BASE + '/shows/gate-test-movie');
302. await hydrated();
303. lk = await extLinks();
304. check('link icons: a movie (tmdbId only) has exactly TMDB as /movie/1003', linksAre(lk, [['TMDB', TMDB_MOVIE + '1003']]), lk);
305. await page.goto(BASE + '/shows/gate-test-show');
306. await hydrated();
307. check('signed out: the latest season (2) is expanded, season 1 collapsed', (await ev(`document.querySelectorAll('episode-row').length`)) === 1);
308. // mission 047: signed out the checks and "Follow" are VISIBLE; a click opens the sign-in modal and writes nothing
309. check('signed out (mission 047): the season + episode checks are visible (drawn SVG) and so is "Follow"',
310. (await ev(`document.querySelectorAll('button.checkicon').length`)) === 3 && svgOk(await svgState())
311. && (await ev(`document.querySelector('#follow').textContent`)) === 'Follow' && (await ev(`document.querySelector('#follow').getBoundingClientRect().width > 0`)), await svgState());
312. check('signed out: the sign-in modal is closed at first', !(await modalOpen()));
313. await page.click('button.checkicon[value="ep0000000000ep0e3"]');
314. await page.waitFor(`document.querySelector('dialog#signin').open`, { timeout: 5000, label: 'modal after a check click' }).catch(() => {});
315. check('signed out: a check click opens the modal "You need to sign in to follow shows and mark episodes" with a sign-in link (ident login) and Close',
316. (await modalOpen()) && (await ev(`document.querySelector('dialog#signin p').textContent`)) === 'You need to sign in to follow shows and mark episodes.'
317. && (await ev(`document.querySelector('#signin-link').getAttribute('href')`)).startsWith(ident.base + '/login?key=')
318. && (await ev(`document.querySelector('#signin-link').getBoundingClientRect().width > 0`))
319. && (await ev(`Array.from(document.querySelectorAll('dialog#signin footer button')).map(b => b.textContent).join()`)) === 'Close',
320. await ev(`document.querySelector('dialog#signin') ? document.querySelector('dialog#signin').outerHTML.slice(0, 600) : 'no dialog'`));
321. if (process.env.TRACKER_GATE_SHOTS) { mkdirSync(process.env.TRACKER_GATE_SHOTS, { recursive: true }); writeFileSync(join(process.env.TRACKER_GATE_SHOTS, 'signed-out-modal-1280.png'), Buffer.from((await page.send('Page.captureScreenshot', { format: 'png' })).data, 'base64')); }
322. await page.click('dialog#signin footer button');
323. await page.waitFor(`!document.querySelector('dialog#signin').open`, { timeout: 5000, label: 'modal closed' }).catch(() => {});
324. check('signed out: Close closes the modal; the check stayed unwatched (nothing written)', !(await modalOpen())
325. && (await ev(`document.querySelector('button.checkicon[value="ep0000000000ep0e3"]').getAttribute('class')`)) === 'checkicon regular');
326. await page.click('#follow');
327. await page.waitFor(`document.querySelector('dialog#signin').open`, { timeout: 5000, label: 'modal after Follow' }).catch(() => {});
328. check('signed out: "Follow" opens the same modal and stays "Follow"', (await modalOpen()) && (await ev(`document.querySelector('#follow').textContent`)) === 'Follow');
329. await page.click('dialog#signin footer button');
330. await page.click('button.checkicon[value="se000000000se0s1"]');
331. await page.waitFor(`document.querySelector('dialog#signin').open`, { timeout: 5000, label: 'modal after a season check' }).catch(() => {});
332. check('signed out: a SEASON check opens the modal too', await modalOpen());
333. await page.click('dialog#signin footer button');
334. await page.goto(BASE + '/shows/gate-test-show');
335. await hydrated();
336. check('signed out: after a reload every check is still unwatched (the clicks wrote nothing)',
337. (await ev(`Array.from(document.querySelectorAll('button.checkicon')).every(b => b.getAttribute('class') === 'checkicon regular')`)));
339. // ---- tracker.worldapi.org#5: /my/unwatched signed OUT — no rows, no checks ----
340. await page.goto(BASE + '/my/unwatched');
341. await hydrated();
342. check('signed out: /my/unwatched shows no rows and asks to sign in', (await ev(`document.querySelectorAll('unwatched-row').length`)) === 0
343. && (await ev(`document.querySelector('.muted').textContent`)) === 'Sign in to see the shows you follow.');
345. // ---- tracker.worldapi.org#6: /my/schedule signed OUT — no rows, no checks ----
346. await page.goto(BASE + '/my/schedule');
347. await hydrated();
348. check('signed out: /my/schedule shows no rows and asks to sign in', (await ev(`document.querySelectorAll('schedule-row').length`)) === 0
349. && (await ev(`document.querySelector('.muted').textContent`)) === 'Sign in to see the shows you follow.');
351. // ---- tracker.worldapi.org#7: /my/shows signed OUT — no rows, the same sign-in message ----
352. await page.goto(BASE + '/my/shows');
353. await hydrated();
354. check('signed out: /my/shows shows no rows and asks to sign in', (await ev(`document.querySelectorAll('my-show-row').length`)) === 0
355. && (await ev(`document.querySelector('.muted').textContent`)) === 'Sign in to see the shows you follow.');
357. // ==== tracker.worldapi.org#14: THE SEARCH, signed OUT — the header's magnifier, our database as you type, "Fetch from web"
358. // (the fake TMDB's search/multi), "Add" → the sign-in modal ====
359. const searchFor = () => ev(`document.querySelector('search-page') ? document.querySelector('search-page').getAttribute('data-for') : null`);
360. const searchTitles = () => ev(`JSON.stringify(Array.from(document.querySelectorAll('#titles search-row')).map(r => [r.querySelector('.search-title').textContent, r.querySelector('.search-title').getAttribute('href'), r.querySelector('search-type').textContent]))`);
361. const searchPeople = () => ev(`JSON.stringify(Array.from(document.querySelectorAll('#people .search-person')).map(a => [a.textContent, a.getAttribute('href')]))`);
362. const webList = () => ev(`JSON.stringify(Array.from(document.querySelectorAll('web-row')).map(r => [r.querySelector('web-title').textContent, r.querySelector('button.add').value, r.querySelector('search-type').textContent]))`);
363. const typeSearch = async (text) => {
364. await page.type('#searchinput', text, { clear: true });
365. await page.waitFor(`document.querySelector('search-page').getAttribute('data-for') === ${JSON.stringify(text)}`, { timeout: 10000, label: 'results for ' + text });
366. };
367. const GATE_TITLES = [['Gate Test Show (2024)', '/shows/gate-test-show', 'Series'], ['Gate Test Movie (1996)', '/shows/gate-test-movie', 'Movie'], ['Unwatched Gate Show (2025)', '/shows/unwatched-gate-show', 'Series']];
368. check('search: the header has the magnifier (a drawn SVG) linking to /search',
369. (await ev(`document.querySelector('#searchlink').getAttribute('href')`)) === '/search'
370. && (await ev(`(() => { const s = document.querySelector('#searchlink svg'); return s.namespaceURI === 'http://www.w3.org/2000/svg' && s.querySelector('circle').getBoundingClientRect().width > 0 })()`)));
371. await ev(`window.__w052 = 'same document'`);
372. await page.click('#searchlink');
373. await page.waitFor(`location.pathname === '/search' && !!document.querySelector('#searchinput')`, { timeout: 10000, label: 'search page' });
374. check('search: the magnifier opens /search (client-side), an empty search field and "Search our shows, movies and people."',
375. (await ev('window.__w052')) === 'same document' && (await ev(`document.querySelector('#searchinput').value`)) === ''
376. && (await ev(`document.querySelector('#searchnote').textContent`)) === 'Search our shows, movies and people.' && !(await ev(`!!document.querySelector('#fetchweb')`)));
377. await typeSearch('g');
378. check('search: one letter → "Type at least 2 letters.", no "Fetch from web"', (await ev(`document.querySelector('#searchnote').textContent`)) === 'Type at least 2 letters.' && !(await ev(`!!document.querySelector('#fetchweb')`)));
379. await page.type('#searchinput', 'ate');
380. await page.waitFor(`document.querySelector('search-page').getAttribute('data-for') === 'gate'`, { timeout: 10000, label: 'results for gate' });
381. let st14 = await searchTitles();
382. check('search: typing "gate" lists our titles at once — name start first, the year, Series/Movie, linking to the show; the address follows (/search/gate)',
383. st14 === JSON.stringify(GATE_TITLES) && (await ev('location.pathname')) === '/search/gate' && (await ev('window.__w052')) === 'same document', st14);
384. await typeSearch('test act');
385. check('search: people too — "test act" finds the person "Test Actor" (/person/Test-Actor) and no title', (await searchPeople()) === JSON.stringify([['Test Actor', '/person/Test-Actor']]) && (await searchTitles()) === '[]', await searchPeople());
386. await typeSearch('GATE tést');
387. check('search: case and accents do not matter ("GATE tést" = gate test); the address carries the text encoded',
388. (await searchTitles()) === JSON.stringify(GATE_TITLES.slice(0, 2)) && (await ev('location.pathname')) === '/search/GATE%20t%C3%A9st', (await searchTitles()) + ' ' + (await ev('location.pathname')));
389. await typeSearch('zzqq');
390. check('search: nothing found → "Nothing in our database yet." and "Fetch from web"', (await ev(`document.querySelector('#searchnote').textContent`)) === 'Nothing in our database yet.' && (await ev(`!!document.querySelector('#fetchweb')`)));
391. await page.goto(BASE + '/search/GATE%20t%C3%A9st');
392. await hydrated();
393. check('search: the address alone (reload / shared link) renders the same results on the server, the text in the field',
394. (await ev(`document.querySelector('#searchinput').value`)) === 'GATE tést' && (await searchTitles()) === JSON.stringify(GATE_TITLES.slice(0, 2)) && (await searchFor()) === 'GATE tést');
395. const bad14 = await fetch(BASE + '/search/x%zz');
396. const bad14b = await fetch(BASE + '/search/%E0%80');
397. check('search: a malformed address is no error — /search/x%zz 200 with the text taken literally, /search/%E0%80 (broken UTF-8) 200',
398. bad14.status === 200 && (await bad14.text()).includes('value="x%zz"') && bad14b.status === 200 && (await bad14b.text()).includes('<search-page'), bad14.status + ' ' + bad14b.status);
399. await typeSearch('gate/te');
400. check('search: a "/" in the text goes into the address as a space (an encoded / would split the path) — and that address reloads to the same titles',
401. (await ev('location.pathname')) === '/search/gate%20te' && (await searchTitles()) === JSON.stringify(GATE_TITLES.slice(0, 2)), await ev('location.pathname'));
402. await page.goto(BASE + '/search/gate%20te');
403. await hydrated();
404. check('search: … reloaded', (await searchTitles()) === JSON.stringify(GATE_TITLES.slice(0, 2)) && (await ev(`document.querySelector('#searchinput').value`)) === 'gate te');
405. await page.goto(BASE + '/search/gate');
406. await hydrated();
407. const searchesBefore = tmdb.searchRequests.length;
408. await page.click('#fetchweb');
409. await page.waitFor(`document.querySelectorAll('web-row').length > 0 || !!document.querySelector('#webnote')`, { timeout: 10000, label: 'web results' });
410. let wl = await webList();
411. const GATE_WEB = [['Gate Import Show (2023)', 'tv:1004', 'Series'], ['Gate Import Movie (2001)', 'movie:1005', 'Movie'], ['Gate Broken Show', 'tv:1006', 'Series']];
412. check('search: "Fetch from web" (signed out too) lists TMDB\'s titles WE DON\'T HAVE — not tv 1001 / movie 1003 (ours), no person; one search/multi request with the token',
413. wl === JSON.stringify(GATE_WEB) && tmdb.searchRequests.length === searchesBefore + 1 && tmdb.searchRequests[searchesBefore].path === '/3/search/multi?query=gate&include_adult=false&page=1'
414. && tmdb.searchRequests[searchesBefore].authorization === 'Bearer gate-token', wl + ' ' + JSON.stringify(tmdb.searchRequests));
415. check('search: the web rows\' small posters come from TMDB\'s image host (w92); one without a poster gets /posters/none',
416. (await ev(`JSON.stringify(Array.from(document.querySelectorAll('web-row img')).map(i => i.getAttribute('src')))`)) === JSON.stringify([tmdb.base + '/t/p/w92/gate4.png', '/posters/none', tmdb.base + '/t/p/w92/gate6.png']));
417. const requestsBefore = tmdb.requests.length;
418. await page.click('web-row button.add[value="tv:1004"]');
419. await page.waitFor(`document.querySelector('dialog#signin').open`, { timeout: 5000, label: 'modal after Add' }).catch(() => {});
420. check('search: signed out, "Add" opens the sign-in modal ("You need to sign in to add titles.", sign-in link) and sends nothing',
421. (await modalOpen()) && (await ev(`document.querySelector('dialog#signin p').textContent`)) === 'You need to sign in to add titles.'
422. && (await ev(`document.querySelector('#signin-link').getAttribute('href')`)).startsWith(ident.base + '/login?key=') && tmdb.requests.length === requestsBefore);
423. if (process.env.TRACKER_GATE_SHOTS) writeFileSync(join(process.env.TRACKER_GATE_SHOTS, 'search-signed-out-modal-1280.png'), Buffer.from((await page.send('Page.captureScreenshot', { format: 'png' })).data, 'base64'));
424. await page.click('dialog#signin footer button');
425. await page.waitFor(`!document.querySelector('dialog#signin').open`, { timeout: 5000, label: 'modal closed' }).catch(() => {});
426. check('search: Close closes it; the web list is still there', !(await modalOpen()) && (await webList()) === JSON.stringify(GATE_WEB));
428. // ---- tracker.worldapi.org#3: no bottom border on the header, no border on filled buttons ----
429. check('the header has no bottom border', (await ev(`getComputedStyle(document.querySelector('application-header')).borderBottomWidth`)) === '0px');
430. check('"Log in with ident" has no border', (await ev(`getComputedStyle(document.querySelector('#loginbutton')).borderTopWidth`)) === '0px');
431. check('the ident selector\'s "choose ident" button has no border', (await ev(`getComputedStyle(document.querySelector('#selector').shadowRoot.querySelector('[part~="button"]')).borderTopWidth`)) === '0px');
432. // ---- tracker.worldapi.org#8: the old addresses answer a permanent redirect to the /my/ ones ----
433. for (const [from, to] of [['/unwatched', '/my/unwatched'], ['/schedule', '/my/schedule']]) {
434. const m = await fetch(BASE + from, { redirect: 'manual' });
435. check(`${from} answers 301 → ${to}`, m.status === 301 && m.headers.get('location') === to, m.status + ' ' + m.headers.get('location'));
436. }
437. await page.goto(BASE + '/unwatched');
438. await hydrated();
439. check('the browser following /unwatched lands on /my/unwatched', (await ev(`location.pathname`)) === '/my/unwatched' && !!(await ev(`document.querySelector('unwatched-page')`)));
440. // ---- tracker.worldapi.org#8: the show page says "1 episode" for one, "2 episodes" for two ----
441. await page.goto(BASE + '/shows/gate-test-show');
442. await hydrated();
443. 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']),
444. JSON.stringify(await ev(`Array.from(document.querySelectorAll('season-count')).map(e => e.textContent)`)));
445. let r = await fetch(BASE + '/login/callback', { redirect: 'manual' });
446. check('login: /login/callback without a code → /login/failed', r.status === 302 && r.headers.get('location') === '/login/failed');
448. // ---- sign in: the header selector flips to signed in, "Log out" appears, page stays empty ----
449. await loginAs(alice);
450. 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')`)));
451. check('signed in: "Log out" shows, no "Log in with ident"', (await ev(`!!document.querySelector('#logout')`)) && !(await ev(`!!document.querySelector('#loginbutton')`)));
452. check('home signed in: four icon tiles → /my/unwatched, /my/schedule, /my/shows, /my/movies, each with a drawn svg icon; the text + both rows below them, no sign-in hint',
453. (await ev(`Array.from(document.querySelectorAll('home-nav a.hometile')).map(a => a.textContent.trim() + ' ' + a.getAttribute('href') + ' ' + (a.querySelector('svg').namespaceURI === 'http://www.w3.org/2000/svg' && a.querySelector('svg').getBoundingClientRect().width > 30)).join(',')`))
454. === 'Unwatched /my/unwatched true,Schedule /my/schedule true,Shows /my/shows true,Movies /my/movies true'
455. && (await ev(`document.querySelector('home-nav').getBoundingClientRect().bottom <= document.querySelector('home-intro').getBoundingClientRect().top && document.querySelector('home-intro').getBoundingClientRect().bottom <= document.querySelector('#home-movies').getBoundingClientRect().top`))
456. && !/Log in with ident/.test(await ev(`document.querySelector('home-intro').textContent`)) && (await ev(`document.querySelectorAll('#home-movies a.tile').length`)) === 10);
457. await ev(`window.__w050 = 'same document'`);
458. await page.click('a.hometile[href="/my/movies"]');
459. await page.waitFor(`location.pathname === '/my/movies' && !!document.querySelector('my-movies-page')`, { timeout: 10000, label: 'icon → /my/movies' });
460. check('home: the Movies icon leads to /my/movies (client-side, no reload); nothing followed yet → "You follow no movies yet."', (await ev('window.__w050')) === 'same document'
461. && (await ev(`document.querySelector('my-movies-page p.muted').textContent`)) === 'You follow no movies yet.');
462. check('"Log out" has no border (only inverted buttons have one)', (await ev(`getComputedStyle(document.querySelector('#logout')).borderTopWidth`)) === '0px');
463. 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');
464. check('the header brand "tracker" has font weight 100', (await ev(`getComputedStyle(document.querySelector('application-header .brand')).fontWeight`)) === '100');
466. // ---- tracker.worldapi.org#5: /unwatched signed IN — only already-released, unwatched episodes of
467. // followed shows, newest release first; a click removes the row. Run BEFORE the show-page checks
468. // below (which toggle these same fixture episodes watched) so all three still start unwatched here.
469. await page.goto(BASE + '/my/unwatched');
470. await hydrated();
471. const unwatchedRowTexts = () => ev(`Array.from(document.querySelectorAll('.unwatched-show')).map(e => e.textContent)`);
472. check('signed in: /my/unwatched lists only already-released episodes, newest release first (not the future one), titles with the year',
473. JSON.stringify(await unwatchedRowTexts()) === JSON.stringify(['Gate Test Show (2024)', 'Gate Test Show (2024)'])
474. && (await ev(`document.querySelectorAll('unwatched-row').length`)) === 2);
475. check('signed in: /my/unwatched shows show title, the episode as S01E02 + title and release date, linking to the show',
476. (await ev(`document.querySelector('unwatched-row unwatched-episode').textContent`)) === 'S01E02 · Second'
477. && (await ev(`document.querySelector('unwatched-row unwatched-date').textContent`)) === '2020-06-15'
478. && (await ev(`document.querySelector('unwatched-row .unwatched-show').getAttribute('href')`)) === '/shows/gate-test-show');
479. check('signed in: /my/unwatched starts with regular (unwatched) check icons', (await ev(`document.querySelectorAll('unwatched-row button.checkicon.regular').length`)) === 2);
481. await page.click('unwatched-row button.checkicon');
482. await page.waitFor(`document.querySelectorAll('unwatched-row').length === 1`, { timeout: 10000, label: 'unwatched row removed' });
483. let once = await rowsOnce('unwatched-row button.checkicon');
484. check('session-sync: after the /my/unwatched click (face unwatchedToggle) every row appears once', once.unique && once.n === 1, JSON.stringify(once));
485. check('click an unwatched episode\'s check: it disappears from the list', (await ev(`document.querySelectorAll('unwatched-row').length`)) === 1
486. && (await ev(`document.querySelector('unwatched-episode').textContent`)) === 'S01E01 · Pilot');
488. await page.goto(BASE + '/my/unwatched');
489. await hydrated();
490. check('reload: the watch from /my/unwatched is server-side, not just client state', (await ev(`document.querySelectorAll('unwatched-row').length`)) === 1
491. && (await ev(`document.querySelector('unwatched-episode').textContent`)) === 'S01E01 · Pilot');
493. // ---- tracker.worldapi.org#7: /my/shows signed IN — followed shows, newest follow first, small
494. // poster, title linking to the show, the last watched episode (only ep 2 "Second" is watched so far)
495. const myShows = () => ev(`Array.from(document.querySelectorAll('my-show-row')).map(r => ({
496. title: r.querySelector('.myshow-title') && r.querySelector('.myshow-title').textContent,
497. href: r.querySelector('.myshow-title') && r.querySelector('.myshow-title').getAttribute('href'),
498. poster: r.querySelector('img.myshow-poster') && r.querySelector('img.myshow-poster').getAttribute('src'),
499. posterLoaded: !!(r.querySelector('img.myshow-poster') && r.querySelector('img.myshow-poster').complete && r.querySelector('img.myshow-poster').naturalWidth > 0),
500. episode: r.querySelector('my-show-episode') ? r.querySelector('my-show-episode').textContent : null }))`);
501. const waitPostersLoaded = () => page.waitFor(`Array.from(document.querySelectorAll('img.myshow-poster')).every(i => i.complete && i.naturalWidth > 0)`, { timeout: 10000, label: 'posters loaded' });
502. await page.goto(BASE + '/my/shows');
503. await hydrated();
504. await waitPostersLoaded();
505. let ms = await myShows();
506. 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));
507. 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));
508. 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));
509. 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));
510. check('/my/shows: the poster is small (2.5rem wide)', (await ev(`getComputedStyle(document.querySelector('img.myshow-poster')).width`)) === '40px');
512. // ---- tracker.worldapi.org#6: /schedule signed IN — only NOT-yet-released episodes of followed
513. // shows, soonest first, no check icons at all (read-only page, unaffected by any watch toggle above)
514. await page.goto(BASE + '/my/schedule');
515. await hydrated();
516. check('signed in: /my/schedule lists only the not-yet-released episode, title with the year', (await ev(`document.querySelectorAll('schedule-row').length`)) === 1
517. && (await ev(`document.querySelector('.schedule-show').textContent`)) === 'Gate Test Show (2024)');
518. check('signed in: /my/schedule shows show title, the episode as S02E01 + title, release date, linking to the show, no checks',
519. (await ev(`document.querySelector('schedule-row schedule-episode').textContent`)) === 'S02E01 · Season Two Opener'
520. && (await ev(`document.querySelector('schedule-row schedule-date').textContent`)) === '2099-01-01'
521. && (await ev(`document.querySelector('schedule-row .schedule-show').getAttribute('href')`)) === '/shows/gate-test-show'
522. && (await ev(`document.querySelectorAll('schedule-row button.checkicon').length`)) === 0);
524. // ---- tracker.worldapi.org#4: /shows/:slug signed IN — check icons, episode toggle, season toggle,
525. // collapse/expand, and a reload proves the watch really is server-side ----
526. const EP3 = 'ep0000000000ep0e3'; // season 2 (expanded by default), episode 1 "Season Two Opener"
527. const EP1 = 'ep0000000000ep0e1'; // season 1 (collapsed by default), episode 1 "Pilot"
528. const EP2 = 'ep0000000000ep0e2'; // season 1, episode 2 "Second"
529. const SEASON1 = 'se000000000se0s1';
530. const checkClass = (id) => ev(`document.querySelector('button.checkicon[value="${id}"]').getAttribute('class')`);
531. const clickValue = (sel, id) => page.click(`${sel}[value="${id}"]`);
533. await page.goto(BASE + '/shows/gate-test-show');
534. await hydrated();
535. check('signed in: episode check icons show, starting "regular" (not watched)', (await checkClass(EP3)) === 'checkicon regular');
537. await clickValue('button.checkicon', EP3);
538. await page.waitFor(`document.querySelector('button.checkicon[value="${EP3}"]').getAttribute('class') === 'checkicon solid'`, { timeout: 10000, label: 'ep3 solid' });
539. check('click an episode check: it turns solid', (await checkClass(EP3)) === 'checkicon solid');
541. check('season 1 starts collapsed (no episode rows of it yet)', (await ev(`document.querySelectorAll('episode-row').length`)) === 1);
542. await clickValue('button.checkicon', SEASON1);
543. await page.waitFor(`document.querySelector('button.checkicon[value="${SEASON1}"]').getAttribute('class') === 'checkicon solid'`, { timeout: 10000, label: 'season1 solid' });
544. check('click a season check: the season itself turns solid', (await checkClass(SEASON1)) === 'checkicon solid');
546. await clickValue('button.season-toggle', SEASON1);
547. await page.waitForSelector(`button.checkicon[value="${EP1}"]`, { timeout: 10000 });
548. check('expanding season 1 shows its episodes already solid (the season check watched them too)',
549. (await checkClass(EP1)) === 'checkicon solid' && (await checkClass(EP2)) === 'checkicon solid');
551. await page.goto(BASE + '/shows/gate-test-show');
552. await hydrated();
553. check('reload: episode 3\'s watch is server-side, not just client state', (await checkClass(EP3)) === 'checkicon solid');
554. await clickValue('button.season-toggle', SEASON1);
555. await page.waitForSelector(`button.checkicon[value="${EP1}"]`, { timeout: 10000 });
556. 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');
558. // ---- mission 047, the creator's additions on the show page (signed in) ----
559. check('episodes are not indented: an episode\'s check is exactly under its season\'s check (same left edge)',
560. (await ev(`Math.abs(document.querySelector('episode-row button.checkicon').getBoundingClientRect().left - document.querySelector('season-row button.checkicon').getBoundingClientRect().left) < 0.5`)));
561. check('artist links are orange #ce9178 (not red)', (await ev(`getComputedStyle(document.querySelector('.artist-link')).color`)) === 'rgb(206, 145, 120)');
562. check('an unwatched check is the inverted solid icon: accent outline circle AND accent check mark; watched = filled accent disc, dark check',
563. (await ev(`(() => { const b = document.querySelector('button.checkicon.regular'); const c = getComputedStyle(b.querySelector('circle')), p = getComputedStyle(b.querySelector('path'));
564. return c.stroke === 'rgb(78, 201, 176)' && c.fill !== 'rgb(78, 201, 176)' && p.stroke === 'rgb(78, 201, 176)' })()`))
565. && (await ev(`(() => { const b = document.querySelector('button.checkicon.solid'); const c = getComputedStyle(b.querySelector('circle')), p = getComputedStyle(b.querySelector('path'));
566. return c.fill === 'rgb(78, 201, 176)' && p.stroke === 'rgb(15, 20, 25)' })()`)));
568. // ---- tracker.worldapi.org#7: /my/shows again — S02E01 was watched BEFORE season 1's bulk watch, so
569. // this proves "last" = the highest season/episode watched, not the most recently watched one
570. await page.goto(BASE + '/my/shows');
571. await hydrated();
572. ms = await myShows();
573. check('/my/shows: the last episode is the HIGHEST watched (S02E01), not the most recent watch; the other show still none',
574. ms.length === 2 && ms[1].episode === 'S02E01' && ms[0].episode === null, JSON.stringify(ms));
576. // ---- mission 047 (the creator: "i dont see the check marks"): a CLIENT-SIDE navigation /my/shows → click the show
577. // title builds the show page in the browser; its check <svg> must be an SVG element (the old vendored build made it
578. // in the XHTML namespace: nothing drawn, circle width 0). A window marker proves no full page load happened.
579. await ev(`window.__w047 = 'same document'`);
580. await page.click(`a.myshow-title[href="/shows/gate-test-show"]`);
581. await page.waitFor(`location.pathname === '/shows/gate-test-show' && !!document.querySelector('button.checkicon svg circle')`, { timeout: 10000, label: 'show page after client-side navigation' });
582. const svgNs = await ev(`JSON.stringify({ marker: window.__w047 || null, ns: document.querySelector('button.checkicon svg').namespaceURI,
583. circleNs: document.querySelector('button.checkicon svg circle').namespaceURI,
584. circleWidth: document.querySelector('button.checkicon svg circle').getBoundingClientRect().width })`);
585. const sv = JSON.parse(svgNs);
586. check('client-side navigation /my/shows → show page: the check svg is in the SVG namespace and its circle is drawn (width > 0)',
587. sv.marker === 'same document' && sv.ns === 'http://www.w3.org/2000/svg' && sv.circleNs === 'http://www.w3.org/2000/svg' && sv.circleWidth > 0, svgNs);
588. lk = await extLinks();
589. check('client-side navigation: the link icons are there too (TMDB + IMDb)', linksAre(lk, [['TMDB', TMDB_TV + '1001'], ['IMDb', IMDB + 'tt0000001/']]), lk);
590. // mission 047 #11: the checks also vanished after expanding/collapsing a season — same cause; and the caret flips
591. let cs = await carets();
592. check('season caret at the header\'s right edge: down for the open season 2, right for the collapsed season 1',
593. cs === JSON.stringify(['down', 'right']) && (await ev(`(() => { const r = document.querySelector('season-row'); return Math.abs(r.getBoundingClientRect().right - r.querySelector('season-caret').getBoundingClientRect().right) < 2 })()`)), cs);
594. await clickValue('button.season-toggle', SEASON1);
595. await page.waitForSelector(`button.checkicon[value="${EP1}"]`, { timeout: 10000 });
596. let st = await svgState();
597. cs = await carets();
598. check('after EXPANDING season 1 (client-side): every check + caret is a drawn SVG, season 1\'s caret now points down', svgOk(st) && cs === JSON.stringify(['down', 'down']), st + ' ' + cs);
599. once = await rowsOnce('show-seasons button.checkicon');
600. check('session-sync: after EXPANDING (face showRows) every season/episode row appears once (2 seasons + 3 episodes)', once.unique && once.n === 5, JSON.stringify(once));
601. await clickValue('button.checkicon', EP1);
602. await page.waitFor(`document.querySelector('button.checkicon[value="${EP1}"]').getAttribute('class') === 'checkicon regular'`, { timeout: 10000, label: 'ep1 regular' });
603. st = await svgState();
604. check('after an EPISODE click: every check is still a drawn SVG', svgOk(st), st);
605. once = await rowsOnce('show-seasons button.checkicon');
606. check('session-sync: after an EPISODE click (face showToggleEpisode) every row appears once', once.unique && once.n === 5, JSON.stringify(once));
607. await clickValue('button.checkicon', EP1);
608. await page.waitFor(`document.querySelector('button.checkicon[value="${EP1}"]').getAttribute('class') === 'checkicon solid'`, { timeout: 10000, label: 'ep1 solid again' });
609. await clickValue('button.season-toggle', SEASON1);
610. await page.waitFor(`!document.querySelector('button.checkicon[value="${EP1}"]')`, { timeout: 10000, label: 'season 1 collapsed' });
611. st = await svgState();
612. cs = await carets();
613. check('after COLLAPSING season 1 again: every check + caret is a drawn SVG, its caret points right again', svgOk(st) && cs === JSON.stringify(['down', 'right']), st + ' ' + cs);
615. // ---- mission 047 #12: FOLLOW on the show page — "Following" filled; a click unfollows ("Follow", outlined in the
616. // accent), the show leaves /my/shows; a click follows again (follow date = now) → the top of /my/shows; reloads keep it
617. const followState = () => ev(`JSON.stringify((() => { const b = document.querySelector('#follow'); const c = getComputedStyle(b);
618. return { text: b.textContent, cls: b.getAttribute('class'), bg: c.backgroundColor, border: c.borderTopWidth + ' ' + c.borderTopColor }; })())`);
619. let fs = JSON.parse(await followState());
620. check('follow: alice follows the show → "Following", the filled accent button (no border)', fs.text === 'Following' && fs.cls === 'follow' && fs.bg === 'rgb(78, 201, 176)' && fs.border.startsWith('0px'), JSON.stringify(fs));
621. await page.click('#follow');
622. await page.waitFor(`document.querySelector('#follow').textContent === 'Follow'`, { timeout: 10000, label: 'unfollowed' }).catch(() => {});
623. fs = JSON.parse(await followState());
624. check('follow: a click unfollows → "Follow", outlined (1px accent border, transparent)', fs.text === 'Follow' && fs.cls === 'follow inverted' && fs.border === '1px rgb(78, 201, 176)' && fs.bg === 'rgba(0, 0, 0, 0)', JSON.stringify(fs));
625. await page.goto(BASE + '/shows/gate-test-show');
626. await hydrated();
627. check('follow: the unfollow survives a reload', (await ev(`document.querySelector('#follow').textContent`)) === 'Follow');
628. await page.goto(BASE + '/my/shows');
629. await hydrated();
630. ms = await myShows();
631. check('follow: the unfollowed show is gone from /my/shows', ms.length === 1 && ms[0].href === '/shows/unwatched-gate-show', JSON.stringify(ms));
632. await page.goto(BASE + '/shows/gate-test-show');
633. await hydrated();
634. await page.click('#follow');
635. await page.waitFor(`document.querySelector('#follow').textContent === 'Following'`, { timeout: 10000, label: 'followed' }).catch(() => {});
636. check('follow: a click follows again → "Following"', (await ev(`document.querySelector('#follow').textContent`)) === 'Following');
637. await new Promise(r => setTimeout(r, 400));
638. check('session-sync: after the Follow toggles (face showToggleFollow) ONE Follow button, one show header, every season row once',
639. (await ev(`document.querySelectorAll('#follow').length === 1 && document.querySelectorAll('show-header').length === 1`)) && (await rowsOnce('season-row button.checkicon')).unique);
640. await page.goto(BASE + '/my/shows');
641. await hydrated();
642. ms = await myShows();
643. check('follow: followed just now → the TOP of /my/shows (newest follow first), after a reload', ms.length === 2 && ms[0].href === '/shows/gate-test-show' && ms[1].href === '/shows/unwatched-gate-show', JSON.stringify(ms));
644. await page.goto(BASE + '/shows/gate-test-show');
645. await hydrated();
646. check('follow: "Following" survives a reload', (await ev(`document.querySelector('#follow').textContent`)) === 'Following');
648. // ==== tracker.worldapi.org#13: /movies, /shows (24 per page, the copied pagination, the page in the PATH) and
649. // /my/movies (the Follow button on a movie's page) ====
650. await page.goto(BASE + '/');
651. await hydrated();
652. await ev(`window.__w050 = 'same document'`);
653. await page.click('#home-movies h2 a');
654. await page.waitFor(`location.pathname === '/movies' && document.querySelectorAll('a.tile').length === 24`, { timeout: 10000, label: 'heading → /movies' });
655. let titles = await titlesOf('tile-grid');
656. check('/movies (the homepage heading, client-side): page 1 = 24 movies, release date desc — the 2099 one first, then Pager Movie 30…08',
657. (await ev('window.__w050')) === 'same document' && JSON.stringify(titles) === JSON.stringify(['Pager Future Movie', ...movieRange(30, 8)]), JSON.stringify(titles));
658. let pg = await pagerState();
659. check('/movies: the pagination says "1 2 Next", 1 current (no Previous on the first page); "33 movies … page 1 of 2"',
660. JSON.stringify(pg) === JSON.stringify({ items: ['1', '2', 'Next'], current: '1' }) && /^33 movies, newest first · page 1 of 2$/.test(await ev(`document.querySelector('.list-count').textContent`)), JSON.stringify(pg));
661. await ev(`Array.from(document.querySelectorAll('pagination button')).find(b => b.textContent.trim() === 'Next').click()`);
662. await page.waitFor(`location.pathname === '/movies/page/2' && document.querySelectorAll('a.tile').length === 9`, { timeout: 10000, label: 'Next → page 2' });
663. titles = await titlesOf('tile-grid');
664. pg = await pagerState();
665. check('/movies "Next": the address is /movies/page/2 (client-side), the last 9: Pager Movie 07…01, the 1996 fixture movie, the undated one last; "Previous 1 2", 2 current; title says page 2',
666. (await ev('window.__w050')) === 'same document' && JSON.stringify(titles) === JSON.stringify([...movieRange(7, 1), 'Gate Test Movie', 'Pager Undated Movie'])
667. && JSON.stringify(pg) === JSON.stringify({ items: ['Previous', '1', '2'], current: '2' }) && (await ev('document.title')) === 'Movies, page 2 — tracker', JSON.stringify({ titles, pg }));
668. await ev(`Array.from(document.querySelectorAll('pagination button')).find(b => b.textContent.trim() === '1').click()`);
669. await page.waitFor(`location.pathname === '/movies' && document.querySelectorAll('a.tile').length === 24`, { timeout: 10000, label: '1 → /movies' });
670. check('/movies: the page number "1" goes back to /movies (page 1)', (await pagerState()).current === '1' && (await titlesOf('tile-grid'))[0] === 'Pager Future Movie');
671. await ev('history.back()');
672. await page.waitFor(`location.pathname === '/movies/page/2' && document.querySelectorAll('a.tile').length === 9`, { timeout: 10000, label: 'Back → page 2' });
673. check('/movies: the browser\'s Back returns to /movies/page/2 with page 2 shown', (await pagerState()).current === '2' && (await ev('window.__w050')) === 'same document');
674. await page.goto(BASE + '/movies/page/2');
675. await hydrated();
676. check('/movies/page/2 loaded directly: the same 9 movies, 2 current', (await ev(`document.querySelectorAll('a.tile').length`)) === 9 && (await pagerState()).current === '2');
677. await page.goto(BASE + '/movies/page/99');
678. await hydrated();
679. const p99 = await pagerState();
680. await page.goto(BASE + '/movies/page/abc');
681. await hydrated();
682. check('/movies: a page past the end shows the last page, a page that is no number the first', p99.current === '2' && (await pagerState()).current === '1');
683. await page.goto(BASE + '/');
684. await hydrated();
685. await ev(`window.__w050 = 'same document'`);
686. await page.click('#home-shows h2 a');
687. await page.waitFor(`location.pathname === '/shows' && !!document.querySelector('tile-grid a.tile')`, { timeout: 10000, label: 'heading → /shows' });
688. tl = await tilesOf('tile-grid');
689. check('/shows (the homepage heading): every series (no movies) by newest released episode, the one with none released last; one page → no pagination at all',
690. (await ev('window.__w050')) === 'same document' && JSON.stringify(tl.map(t => t.split('|')[0])) === JSON.stringify(['Pager Older Series', 'Gate Test Show', 'Unwatched Gate Show'])
691. && (await ev(`document.querySelectorAll('pagination').length`)) === 0, JSON.stringify(tl));
692. // a movie's page has the Follow button (the show page) → /my/movies; /my/shows stays series only
693. await page.click('a.tile[href="/shows/gate-test-show"]');
694. await page.waitFor(`location.pathname === '/shows/gate-test-show' && !!document.querySelector('#follow')`, { timeout: 10000, label: 'tile → show page' });
695. check('/shows: a tile opens the show page (client-side)', (await ev('window.__w050')) === 'same document');
696. await page.goto(BASE + '/shows/gate-test-movie');
697. await hydrated();
698. check('a movie\'s page has the Follow button ("Follow": alice does not follow it yet)', (await ev(`document.querySelector('#follow').textContent`)) === 'Follow');
699. await page.click('#follow');
700. await page.waitFor(`document.querySelector('#follow').textContent === 'Following'`, { timeout: 10000, label: 'movie followed' }).catch(() => {});
701. await page.goto(BASE + '/my/movies');
702. await hydrated();
703. const myMovies = await ev(`JSON.stringify(Array.from(document.querySelectorAll('my-show-row')).map(r => [r.querySelector('a.myshow-title').textContent, r.querySelector('a.myshow-title').getAttribute('href'), r.querySelector('img.myshow-poster').getAttribute('src')].join('|')))`);
704. check('/my/movies: the movie alice just followed — title with year, its page, the poster (placeholder URL)', myMovies === JSON.stringify(['Gate Test Movie (1996)|/shows/gate-test-movie|/posters/none']), myMovies);
705. await page.goto(BASE + '/my/shows');
706. await hydrated();
707. ms = await myShows();
708. check('/my/shows stays SERIES only: the followed movie is not there', ms.length === 2 && ms.every(m => m.href !== '/shows/gate-test-movie'), JSON.stringify(ms));
710. // ---- mission 047, MOBILE FIRST: at a phone's 390 px the header is ONE row (brand + ident selector + "Log out"), and
711. // no page scrolls sideways; at 1280 px the same pages. Screenshots of both widths with TRACKER_GATE_SHOTS.
712. const pages = [['home', '/'], ['show', '/shows/gate-test-show'], ['my-shows', '/my/shows'], ['my-unwatched', '/my/unwatched'], ['my-schedule', '/my/schedule'],
713. ['movies', '/movies'], ['movies-page-2', '/movies/page/2'], ['shows-list', '/shows'], ['my-movies', '/my/movies'], ['search', '/search/gate']];
714. if (process.env.TRACKER_GATE_SHOTS) mkdirSync(process.env.TRACKER_GATE_SHOTS, { recursive: true });
715. for (const [w, h, mobile] of [[390, 844, true], [1280, 900, false]]) {
716. await page.send('Emulation.setDeviceMetricsOverride', { width: w, height: h, deviceScaleFactor: mobile ? 2 : 1, mobile });
717. const bad = [];
718. for (const [name, path] of pages) {
719. await page.goto(BASE + path);
720. await hydrated();
721. const m = JSON.parse(await ev(`JSON.stringify((() => {
722. const hd = document.querySelector('application-header').getBoundingClientRect();
723. const mid = (s) => { const r = document.querySelector(s).getBoundingClientRect(); return r.top + r.height / 2; };
724. const mids = ['application-header .brand', '#selector', '#logout'].map(mid);
725. const wd = (s) => Math.round(document.querySelector(s).getBoundingClientRect().width);
726. return { headerH: hd.height, spread: Math.max(...mids) - Math.min(...mids), scrollW: document.documentElement.scrollWidth, widths: ['application-header .brand', '#userbox', '#selector', '#logout'].map(wd) };
727. })())`));
728. if (m.spread > 8 || m.headerH > 64 || m.scrollW > w) bad.push(name + ' ' + JSON.stringify(m));
729. if (name === 'show') {
730. // mission 047 #8: phone = title first, then the poster at the full content width, then genres/plot/cast;
731. // desktop unchanged = poster left (10rem), title right of it
732. const L = JSON.parse(await ev(`JSON.stringify((() => { const b = (s) => { const r = document.querySelector(s).getBoundingClientRect(); return { l: r.left, r: r.right, t: r.top, b: r.bottom, w: r.width }; };
733. const main = document.querySelector('main'); const cs = getComputedStyle(main);
734. return { h1: b('show-header h1'), follow: b('#follow'), links: b('show-links'), poster: b('show-poster img'), genres: b('show-genres'), summary: b('show-summary'), cast: b('show-cast'),
735. content: main.getBoundingClientRect().width - parseFloat(cs.paddingLeft) - parseFloat(cs.paddingRight) }; })())`));
736. const ok = mobile
737. ? L.h1.b <= L.links.t && L.links.b <= L.poster.t && Math.abs(L.poster.w - L.content) < 1 && L.poster.b <= L.genres.t && L.genres.b <= L.summary.t && L.summary.b <= L.cast.t && L.follow.t < L.poster.t
738. : Math.abs(L.poster.w - 160) < 1 && L.poster.r <= L.h1.l && L.h1.t < L.poster.b && L.poster.t <= L.genres.t && L.poster.r <= L.links.l && L.h1.b <= L.links.t && L.links.b <= L.genres.t;
739. check(`${w} px: show page layout — ${mobile ? 'title (+ Follow) first, the link icons under it, then the poster at the full content width, then genres, plot, cast' : 'poster left (10rem), the title right of it, the link icons under the title'}`, ok, JSON.stringify(L));
740. }
741. if (process.env.TRACKER_GATE_SHOTS) {
742. if (name === 'my-shows' || name === 'my-movies') await waitPostersLoaded();
743. // #13: every poster tile in view loaded
744. await page.waitFor(`Array.from(document.querySelectorAll('img.tile-poster')).filter(i => { const r = i.getBoundingClientRect(); return r.top < innerHeight && r.bottom > 0 && r.left < innerWidth && r.right > 0 }).every(i => i.complete && i.naturalWidth > 0)`, { timeout: 10000, label: 'tiles loaded' });
745. const shot = await page.send('Page.captureScreenshot', { format: 'png' });
746. writeFileSync(join(process.env.TRACKER_GATE_SHOTS, `${name}-${w}.png`), Buffer.from(shot.data, 'base64'));
747. }
748. }
749. check(`${w} px: on every page the header is one row (brand, ident selector, "Log out" side by side, ≤ 64 px high) and nothing scrolls sideways`, bad.length === 0, bad.join('; '));
750. }
751. await page.send('Emulation.clearDeviceMetricsOverride', {});
753. // ==== tracker.worldapi.org#9: THE TMDB SYNC, against the fake TMDB — first the tool (app stopped: hl:mpackdb is
754. // one process per storage), twice (idempotent), then the pages; then the app's own daily run ====
755. 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);
756. await page.goto('about:blank'); // leave the app first: an open page would log websocket reconnect errors
757. await stopServer();
758. // spawned, not execFileSync: the fake TMDB lives in THIS node process and must keep answering meanwhile
759. const runTool = () => new Promise((ok) => {
760. 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'] });
761. let o = '';
762. p.stdout.on('data', d => o += d); p.stderr.on('data', d => o += d);
763. p.on('exit', () => ok(o));
764. });
765. let out = await runTool();
766. let done = (out.match(/tmdb sync done: .*/) || [''])[0];
767. check('sync tool: 3 followed shows (2 series + a movie another user follows) → 2 new seasons (show 1 S3, show 2 S1), 4 new episodes, the 3 fixture episodes updated (tmdbId by S/E number, E2 renamed), 3 posters, 5 ids filled, 3 TVmaze lookups + 2 TVmaze episode lists (#15: they agree with TMDB → nothing taken), 0 errors',
768. done.includes('shows=3 newSeasons=2 newEpisodes=4 updatedEpisodes=3') && done.includes('posters=3 ids=5') && done.includes('tvmazeRequests=5 errors=0 tvmazeEpisodes=0 tvmazeSeasons=0 tvmazeFilled=0 tvmazeSkipped=0'), out);
769. // per show, in this order (the order BETWEEN shows follows the follow table, which the follow test above reshuffled)
770. const perShow = [['/3/tv/1001?append_to_response=external_ids', '/3/tv/1001?append_to_response=season/1,season/2,season/3', '/t/p/w342/gate1.png'],
771. ['/3/tv/1002?append_to_response=external_ids', '/3/tv/1002?append_to_response=season/1', '/t/p/w342/gate2.png'], ['/3/movie/1003?append_to_response=external_ids', '/t/p/w342/gate3.png']];
772. const paths = tmdb.requests.map(q => q.path);
773. check('sync tool: every TMDB call carried the Bearer token, season 0 was never asked for; per show ONE details request that also brings external_ids (no extra request), one for its seasons, the poster; the movie only via /movie/, never /tv/1003',
774. tmdb.requests.filter(q => q.path.startsWith('/3/')).every(q => q.authorization === 'Bearer gate-token') && !paths.some(p => p.includes('season/0'))
775. && JSON.stringify([...paths].sort()) === JSON.stringify(perShow.flat().sort()) && perShow.every(list => list.every((p, i) => i === 0 || paths.indexOf(list[i - 1]) < paths.indexOf(p))),
776. JSON.stringify(paths));
777. check('sync tool: TVmaze asked only for shows without a TVmaze id: show 1 by imdb (hit), show 2 by imdb (404) then by thetvdb (hit); then (#15) each series\' episode list by the found id; never for the movie',
778. JSON.stringify([...tmdb.tvmazeRequests].sort()) === JSON.stringify(['/tvmaze/lookup/shows?imdb=tt0000001', '/tvmaze/lookup/shows?imdb=tt0000002', '/tvmaze/lookup/shows?thetvdb=4002', '/tvmaze/shows/501', '/tvmaze/shows/502', '/tvmaze/shows/501/episodes', '/tvmaze/shows/502/episodes'].sort()),
779. JSON.stringify(tmdb.tvmazeRequests));
780. const tvmazeBefore = tmdb.tvmazeRequests.length;
781. out = await runTool();
782. done = (out.match(/tmdb sync done: .*/) || [''])[0];
783. check('sync tool again: idempotent — nothing new, nothing updated, no poster downloaded again, no id filled, no TVmaze lookup (every show has its TVmaze id now) — only the 2 episode lists, nothing taken from them',
784. done.includes('newSeasons=0 newEpisodes=0 updatedEpisodes=0 updatedSeasons=0 posters=0 ids=0') && done.includes('tvmazeRequests=2 errors=0 tvmazeEpisodes=0 tvmazeSeasons=0 tvmazeFilled=0 tvmazeSkipped=0')
785. && JSON.stringify(tmdb.tvmazeRequests.slice(tvmazeBefore).sort()) === JSON.stringify(['/tvmaze/shows/501/episodes', '/tvmaze/shows/502/episodes']), out);
787. await startServer();
788. await page.goto(BASE + '/my/schedule');
789. await hydrated();
790. 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)`);
791. let rows = await scheduleRows();
792. check('after the sync: /my/schedule lists the new upcoming episodes of both shows, soonest first', JSON.stringify(rows) === JSON.stringify([
793. '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));
794. await page.goto(BASE + '/my/unwatched');
795. await hydrated();
796. rows = await ev(`Array.from(document.querySelectorAll('unwatched-row')).map(r => r.querySelector('unwatched-episode').textContent + ' | ' + r.querySelector('unwatched-date').textContent)`);
797. 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));
798. await page.goto(BASE + '/my/shows');
799. await hydrated();
800. await waitPostersLoaded();
801. ms = await myShows();
802. 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/sh1.png' && ms[1].poster === '/posters/sh2.png', JSON.stringify(ms));
803. r = await fetch(BASE + '/posters/sh2.png');
804. const posterBytes = Buffer.from(await r.arrayBuffer());
805. 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')));
806. await page.goto(BASE + '/shows/gate-test-show');
807. await hydrated();
808. const seasonCounts = await ev(`Array.from(document.querySelectorAll('season-row')).map(e => e.querySelector('season-label').textContent + ': ' + e.querySelector('season-count').textContent)`);
809. 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));
810. check('after the sync: the latest season shows its new episodes, the poster is the downloaded one',
811. JSON.stringify(await ev(`Array.from(document.querySelectorAll('episode-row episode-title')).map(e => e.textContent)`)) === JSON.stringify(['Third Season Start', 'Coming Soon'])
812. && (await ev(`document.querySelector('show-poster img').getAttribute('src')`)) === '/posters/sh1.png' && (await ev(`document.querySelector('show-poster img').naturalWidth`)) > 0);
813. await clickValue('button.season-toggle', SEASON1);
814. await page.waitForSelector(`button.checkicon[value="${EP1}"]`, { timeout: 10000 });
815. 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'))`);
816. check('after the sync: S1 keeps its episodes (same ids, still watched), E2 renamed from TMDB, E3 new and unwatched',
817. 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));
818. // ---- tracker.worldapi.org#12: after the sync every show has the ids it lacked — the stored ones unchanged ----
819. await page.goto(BASE + '/shows/gate-test-show');
820. await hydrated();
821. lk = await extLinks();
822. check('after the sync: show 1 has all four icons — its OWN imdb id kept (tt0000001, not TMDB\'s tt9999999), tvdb 4001 + TVmaze 501 filled',
823. linksAre(lk, [['TMDB', TMDB_TV + '1001'], ['IMDb', IMDB + 'tt0000001/'], ['TVDB', TVDB + '4001'], ['TVmaze', TVMAZE + '501']]), lk);
824. await page.goto(BASE + '/shows/unwatched-gate-show');
825. await hydrated();
826. lk = await extLinks();
827. check('after the sync: show 2 has all four — imdb tt0000002 filled, its OWN tvdb 4002 kept (not 4999), TVmaze 502 (found by thetvdb after imdb missed)',
828. linksAre(lk, [['TMDB', TMDB_TV + '1002'], ['IMDb', IMDB + 'tt0000002/'], ['TVDB', TVDB + '4002'], ['TVmaze', TVMAZE + '502']]), lk);
829. await page.goto(BASE + '/shows/gate-test-movie');
830. await hydrated();
831. lk = await extLinks();
832. check('after the sync: the movie has TMDB (/movie/1003) + IMDb (tt0000003 filled), no TheTVDB/TVmaze, no seasons',
833. linksAre(lk, [['TMDB', TMDB_MOVIE + '1003'], ['IMDb', IMDB + 'tt0000003/']]) && (await ev(`document.querySelectorAll('season-row').length`)) === 0, lk);
834. // ---- tracker.worldapi.org#13: the public lists are built at start — after the sync (tool, then a restart) show 1's new
835. // S03E01 (2021-05-05) puts it before Pager Older Series (2021-01-01); show 2 has only an upcoming episode: still last
836. await page.goto(BASE + '/shows');
837. await hydrated();
838. tl = await titlesOf('tile-grid');
839. check('after the sync + restart: /shows by newest released episode — Gate Test Show (S03E01 2021-05-05) first now, its synced poster; Unwatched Gate Show (only upcoming) last',
840. JSON.stringify(tl) === JSON.stringify(['Gate Test Show', 'Pager Older Series', 'Unwatched Gate Show']) && (await tilesOf('tile-grid'))[0].endsWith('|/posters/sh1.png'), JSON.stringify(tl));
841. if (process.env.TRACKER_GATE_SHOTS) {
842. await page.send('Emulation.setDeviceMetricsOverride', { width: 390, height: 844, deviceScaleFactor: 2, mobile: true });
843. for (const [name, path] of [['synced-show-390', '/shows/gate-test-show'], ['synced-movie-390', '/shows/gate-test-movie']]) {
844. await page.goto(BASE + path);
845. await hydrated();
846. writeFileSync(join(process.env.TRACKER_GATE_SHOTS, name + '.png'), Buffer.from((await page.send('Page.captureScreenshot', { format: 'png' })).data, 'base64'));
847. }
848. await page.send('Emulation.setDeviceMetricsOverride', { width: 1280, height: 900, deviceScaleFactor: 1, mobile: false });
849. for (const [name, path] of [['synced-show', '/shows/gate-test-show'], ['synced-movie', '/shows/gate-test-movie'], ['synced-my-shows', '/my/shows'], ['synced-my-unwatched', '/my/unwatched'], ['synced-my-schedule', '/my/schedule']]) {
850. await page.goto(BASE + path);
851. await hydrated();
852. if (name === 'synced-my-shows') await waitPostersLoaded();
853. const shot = await page.send('Page.captureScreenshot', { format: 'png' });
854. writeFileSync(join(process.env.TRACKER_GATE_SHOTS, name + '.png'), Buffer.from(shot.data, 'base64'));
855. }
856. await page.send('Emulation.clearDeviceMetricsOverride', {});
857. }
859. // ---- THE DAILY RUN INSIDE THE APP: TRACKER_SYNC_HOUR = this very UTC hour, so the app's own clock starts the
860. // run right after boot. TMDB now has one more episode and answers slowly (700 ms per request): the run takes
861. // seconds, and pages asked for meanwhile must still be answered between two shows, never after the whole run.
862. await page.goto('about:blank');
863. await stopServer();
864. tmdb.shows[1001].seasons[3].episodes.push({ id: 5007, episode_number: 3, name: 'Added Live', air_date: '2096-03-03' });
865. // tracker.worldapi.org#13: and show 2 an episode that is ALREADY OUT — the running app must move it to the top of /shows
866. tmdb.shows[1002].seasons[0].episodes.push({ id: 7002, episode_number: 2, name: 'Out Already', air_date: '2022-02-02' });
867. tmdb.delayMs = 700;
868. const before = tmdb.requests.length, tvmazeBeforeRun = tmdb.tvmazeRequests.length;
869. await startServer({ TRACKER_SYNC: '1', TRACKER_SYNC_HOUR: String(new Date().getUTCHours()) });
870. const lat = [];
871. const t0 = Date.now();
872. while (!log.includes('tmdb sync done') && Date.now() - t0 < 30000) {
873. const a = Date.now();
874. await fetch(BASE + '/');
875. lat.push({ at: a - t0, ms: Date.now() - a, running: log.includes('tmdb sync: start') && !log.includes('tmdb sync done') });
876. await new Promise(r => setTimeout(r, 150));
877. }
878. const runDone = (log.match(/tmdb sync done: .*/) || [''])[0];
879. check('in-app daily run: started by the app\'s own clock at the configured hour, found the 2 new episodes, 0 errors',
880. log.includes('tmdb sync: daily at ' + new Date().getUTCHours() + ':00 UTC') && log.includes('tmdb sync: start, 3 followed shows') && runDone.includes('newSeasons=0 newEpisodes=2 updatedEpisodes=0') && runDone.includes('errors=0'), log);
881. const during = lat.filter(l => l.running);
882. const runSecs = Number((runDone.match(/seconds=([0-9.]+)/) || [0, 0])[1]);
883. console.log(` (in-app run ${runSecs} s; ${during.length} pages asked during it, slowest ${Math.max(0, ...during.map(l => l.ms))} ms)`);
884. 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',
885. runSecs >= 3 && during.length >= 3 && during.every(l => l.ms < 2500), 'run ' + runSecs + ' s, during: ' + JSON.stringify(during));
886. check('in-app daily run: the Bearer token on every call, 5 requests (2 per series, 1 for the movie; no poster again: unchanged), no TVmaze lookup, only the 2 episode lists (#15)', tmdb.requests.slice(before).filter(q => q.path.startsWith('/3/')).every(q => q.authorization === 'Bearer gate-token') && tmdb.requests.length - before === 5
887. && JSON.stringify(tmdb.tvmazeRequests.slice(tvmazeBeforeRun).sort()) === JSON.stringify(['/tvmaze/shows/501/episodes', '/tvmaze/shows/502/episodes']), JSON.stringify(tmdb.requests.slice(before)) + JSON.stringify(tmdb.tvmazeRequests.slice(tvmazeBeforeRun)));
888. await page.goto(BASE + '/my/schedule');
889. await hydrated();
890. rows = await scheduleRows();
891. 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));
892. await page.goto(BASE + '/shows');
893. await hydrated();
894. tl = await titlesOf('tile-grid');
895. check('after the in-app run (no restart): /shows has Unwatched Gate Show on top — its new S01E02 (2022-02-02) is out; the homepage row too',
896. JSON.stringify(tl) === JSON.stringify(['Unwatched Gate Show', 'Gate Test Show', 'Pager Older Series']), JSON.stringify(tl));
897. await page.goto(BASE + '/');
898. await hydrated();
899. tl = await titlesOf('#home-shows');
900. check('after the in-app run: the homepage\'s Shows row has it first as well', JSON.stringify(tl) === JSON.stringify(['Unwatched Gate Show', 'Gate Test Show', 'Pager Older Series']), JSON.stringify(tl));
902. // ==== tracker.worldapi.org#15: THE TVMAZE MERGE — TVmaze knows more than TMDB: show 1 (TVmaze 501) gets S3E4's real
903. // title + air date (TMDB: "Episode 4", no date), a new S3E5 and a new season 4; TVmaze's other name for S3E1 must NOT
904. // replace TMDB's; its S1E1 airs on another day but has the same title (still agrees). Show 2 (502) TVmaze numbers
905. // differently (S1E1 another title, 7 years off — like a split pilot) → TVmaze is ignored for it. ====
906. await page.goto('about:blank');
907. await stopServer();
908. tmdb.delayMs = 0;
909. tmdb.shows[1001].seasons[3].episodes.push({ id: 5008, episode_number: 4, name: 'Episode 4' });
910. const tvm501 = tmdb.tvmaze.episodes[501].filter(e => !(e.season === 3 && e.number === 1));
911. tvm501.push({ id: 8005, season: 3, number: 1, name: 'Other Name From TVmaze', airdate: '2021-05-05' }, { id: 8007, season: 3, number: 3, name: 'Added Live', airdate: '2096-03-03' },
912. { id: 8008, season: 3, number: 4, name: 'Real Fourth', airdate: '2096-04-04' }, { id: 8009, season: 3, number: 5, name: 'Only On TVmaze', airdate: '2096-05-05' },
913. { id: 8010, season: 4, number: 1, name: 'New Season Premiere', airdate: '2096-06-06' });
914. tmdb.tvmaze.episodes[501] = tvm501;
915. tmdb.tvmaze.episodes[502] = [{ id: 8101, season: 1, number: 1, name: 'Brand New Pre-Pilot', airdate: '2090-01-01' }, { id: 8102, season: 1, number: 2, name: 'Should Not Appear', airdate: '2097-02-01' }];
916. // a date that differs (another country's premiere) but the SAME title still counts as the same numbering
917. tvm501.find(e => e.season === 1 && e.number === 1).airdate = '2019-12-20';
918. out = await runTool();
919. done = (out.match(/tmdb sync done: .*/) || [''])[0];
920. check('tvmaze merge: TMDB adds S3E4 ("Episode 4", no date); TVmaze adds 2 episodes (S3E5, S4E1) + 1 season (S4), fills 1 episode (S3E4), skips show 2 (numbered differently), 0 errors',
921. done.includes('newSeasons=0 newEpisodes=1 updatedEpisodes=0') && done.includes('tvmazeRequests=2 errors=0 tvmazeEpisodes=2 tvmazeSeasons=1 tvmazeFilled=1 tvmazeSkipped=1') && out.includes('SKIPPED (numbered differently)'), out);
922. out = await runTool();
923. done = (out.match(/tmdb sync done: .*/) || [''])[0];
924. check('tvmaze merge again: idempotent — nothing new, nothing filled, no TMDB update (TMDB\'s "Episode 4" does not replace TVmaze\'s "Real Fourth")',
925. done.includes('newSeasons=0 newEpisodes=0 updatedEpisodes=0 updatedSeasons=0') && done.includes('errors=0 tvmazeEpisodes=0 tvmazeSeasons=0 tvmazeFilled=0 tvmazeSkipped=1'), out);
926. await startServer();
927. await page.goto(BASE + '/my/schedule');
928. await hydrated();
929. rows = await scheduleRows();
930. check('tvmaze merge: /my/schedule shows what only TVmaze has (S03E04 with its TVmaze title + date, S03E05, S04E01), in date order; nothing of show 2\'s differently numbered TVmaze list', JSON.stringify(rows) === JSON.stringify([
931. 'Gate Test Show (2024) | S03E03 · Added Live | 2096-03-03', 'Gate Test Show (2024) | S03E04 · Real Fourth | 2096-04-04', 'Gate Test Show (2024) | S03E05 · Only On TVmaze | 2096-05-05',
932. 'Gate Test Show (2024) | S04E01 · New Season Premiere | 2096-06-06', 'Unwatched Gate Show (2025) | S01E01 · Brand New | 2097-01-01',
933. 'Gate Test Show (2024) | S03E02 · Coming Soon | 2098-06-01', 'Gate Test Show (2024) | S02E01 · Season Two Opener | 2099-01-01']), JSON.stringify(rows));
934. const seasonsAndTitles = async () => {
935. await page.goto(BASE + '/shows/gate-test-show');
936. await hydrated();
937. const seasons = await ev(`Array.from(document.querySelectorAll('season-row')).map(e => e.querySelector('season-label').textContent + ': ' + e.querySelector('season-count').textContent)`);
938. await clickValue('button.season-toggle', await ev(`Array.from(document.querySelectorAll('season-row')).find(e => e.querySelector('season-label').textContent === 'Season 3').querySelector('button.season-toggle').value`));
939. await page.waitFor(`document.querySelectorAll('episode-row').length >= 6`, { timeout: 10000, label: 'S3 expanded' });
940. const titles = await ev(`Array.from(document.querySelectorAll('episode-row')).map(e => e.querySelector('episode-number').textContent + ' ' + e.querySelector('episode-title').textContent)`);
941. return { seasons, titles };
942. };
943. let tst = await seasonsAndTitles();
944. check('tvmaze merge: the show page has the new Season 4 (1 episode) and Season 3 with 5 — S3E1 keeps TMDB\'s title, S3E4 TVmaze\'s',
945. JSON.stringify(tst.seasons) === JSON.stringify(['Season 4: 1 episode', 'Season 3: 5 episodes', 'Season 2: 1 episode', 'Season 1: 3 episodes'])
946. && JSON.stringify(tst.titles) === JSON.stringify(['1 New Season Premiere', '1 Third Season Start', '2 Coming Soon', '3 Added Live', '4 Real Fourth', '5 Only On TVmaze']), JSON.stringify(tst));
947. if (process.env.TRACKER_GATE_SHOTS) {
948. for (const [w, h, mobile] of [[390, 844, true], [1280, 900, false]]) {
949. await page.send('Emulation.setDeviceMetricsOverride', { width: w, height: h, deviceScaleFactor: mobile ? 2 : 1, mobile });
950. for (const [name, path] of [['tvmaze-schedule', '/my/schedule'], ['tvmaze-show', '/shows/gate-test-show']]) {
951. await page.goto(BASE + path);
952. await hydrated();
953. writeFileSync(join(process.env.TRACKER_GATE_SHOTS, `${name}-${w}.png`), Buffer.from((await page.send('Page.captureScreenshot', { format: 'png' })).data, 'base64'));
954. }
955. }
956. await page.send('Emulation.clearDeviceMetricsOverride', {});
957. }
958. // TMDB catches up: it now lists S3E5 (its own title) and season 4 — the TMDB step ADOPTS TVmaze's rows by number (no
959. // duplicate), TMDB's values win; its "Episode 4" still never replaces "Real Fourth"
960. await page.goto('about:blank');
961. await stopServer();
962. tmdb.shows[1001].seasons[3].episodes.push({ id: 5009, episode_number: 5, name: 'Official Fifth', air_date: '2096-05-05' });
963. tmdb.shows[1001].seasons.push({ id: 95, season_number: 4, name: 'Season 4', air_date: '2096-06-06', episodes: [{ id: 5010, episode_number: 1, name: 'New Season Premiere', air_date: '2096-06-06' }] });
964. out = await runTool();
965. done = (out.match(/tmdb sync done: .*/) || [''])[0];
966. check('tvmaze merge, TMDB catches up: TMDB adopts the 2 TVmaze episodes (updatedEpisodes=2: tmdbId set, S3E5 renamed), creates nothing, TVmaze adds nothing',
967. done.includes('newSeasons=0 newEpisodes=0 updatedEpisodes=2 updatedSeasons=0') && done.includes('errors=0 tvmazeEpisodes=0 tvmazeSeasons=0 tvmazeFilled=0'), out);
968. await startServer();
969. tst = await seasonsAndTitles();
970. check('tvmaze merge, TMDB caught up: still S4 1 / S3 5 episodes (no duplicates), S3E5 now TMDB\'s "Official Fifth", S3E4 still "Real Fourth"',
971. JSON.stringify(tst.seasons) === JSON.stringify(['Season 4: 1 episode', 'Season 3: 5 episodes', 'Season 2: 1 episode', 'Season 1: 3 episodes'])
972. && JSON.stringify(tst.titles) === JSON.stringify(['1 New Season Premiere', '1 Third Season Start', '2 Coming Soon', '3 Added Live', '4 Real Fourth', '5 Official Fifth']), JSON.stringify(tst));
974. // ==== tracker.worldapi.org#14: THE SEARCH, signed IN — "Add" imports the title like the daily sync and opens its page ====
975. tmdb.delayMs = 0;
976. await page.goto(BASE + '/search/gate');
977. await hydrated();
978. await page.click('#fetchweb');
979. await page.waitFor(`document.querySelectorAll('web-row').length > 0`, { timeout: 10000, label: 'web results (signed in)' });
980. const dbBefore = await searchTitles();
981. // hybriel#121/#122: a SESSION face (searchImport) that stays on the page — tv 1006's details answer 404 — must leave every
982. // list as it was: each row once, the route-param text still in the field and in data-for
983. await page.click('web-row button.add[value="tv:1006"]');
984. await page.waitFor(`!!document.querySelector('#importerror')`, { timeout: 10000, label: 'import error' }).catch(() => {});
985. await new Promise(r => setTimeout(r, 300));
986. check('search import: a failed import (TMDB 404) says so and stays — the database list, the web list and the text are unchanged, no row twice (hybriel#121/#122)',
987. (await ev(`document.querySelector('#importerror') ? document.querySelector('#importerror').textContent : ''`)) === 'Could not add it: TMDB: HTTP 404 for /tv/1006'
988. && (await searchTitles()) === dbBefore && dbBefore === JSON.stringify(GATE_TITLES) && (await webList()) === JSON.stringify(GATE_WEB)
989. && (await ev(`document.querySelector('#searchinput').value`)) === 'gate' && (await searchFor()) === 'gate' && (await ev('location.pathname')) === '/search/gate',
990. (await ev(`document.querySelector('search-page').outerHTML.slice(0, 1500)`)));
991. await typeSearch('gate t');
992. check('search import: after that session face the page still searches (typing "gate t" → the two "Gate Test" titles)', (await searchTitles()) === JSON.stringify(GATE_TITLES.slice(0, 2)), await searchTitles());
993. await typeSearch('gate');
994. await page.click('#fetchweb');
995. await page.waitFor(`document.querySelectorAll('web-row').length > 0`, { timeout: 10000 });
996. const reqBefore = tmdb.requests.length;
997. await page.click('web-row button.add[value="tv:1004"]');
998. await page.waitFor(`location.pathname !== '/search/gate' && !!document.querySelector('show-header h1')`, { timeout: 15000, label: 'imported show page' });
999. await page.waitFor(`!!document.querySelector('show-poster img') && document.querySelector('show-poster img').complete`, { timeout: 5000 }).catch(() => {});
1000. const imp = JSON.parse(await ev(`JSON.stringify({ path: location.pathname, h1: document.querySelector('show-header h1').textContent,
1001. seasons: Array.from(document.querySelectorAll('season-row')).map(r => r.querySelector('season-label').textContent + ': ' + r.querySelector('season-count').textContent),
1002. episodes: Array.from(document.querySelectorAll('episode-row episode-title')).map(e => e.textContent), genres: Array.from(document.querySelectorAll('.genre-pill')).map(g => g.textContent),
1003. poster: document.querySelector('show-poster img') ? document.querySelector('show-poster img').getAttribute('src') : null,
1004. posterW: document.querySelector('show-poster img') ? document.querySelector('show-poster img').naturalWidth : 0, summary: document.querySelector('show-summary').textContent })`));
1005. lk = await extLinks();
1006. check('search import: "Add" on tv 1004 adds it and opens its page /shows/Gate-Import-Show — season, episodes, poster (downloaded), genres matched by name, the summary',
1007. imp.path === '/shows/Gate-Import-Show' && imp.h1 === 'Gate Import Show' && JSON.stringify(imp.seasons) === JSON.stringify(['Season 1: 2 episodes'])
1008. && JSON.stringify(imp.episodes) === JSON.stringify(['Imported One', 'Imported Two']) && JSON.stringify(imp.genres) === JSON.stringify(['Drama'])
1009. && imp.poster === '/posters/tmdb-tv-1004.png' && imp.posterW > 0 && imp.summary === 'an imported series' && existsSync(join(MPACKDB, 'posters', 'tmdb-tv-1004.png')), JSON.stringify(imp));
1010. check('search import: the ids came like the daily sync\'s — TMDB, IMDb tt0000004, TVDB 4004, TVmaze 504 (looked up by thetvdb)',
1011. linksAre(lk, [['TMDB', TMDB_TV + '1004'], ['IMDb', IMDB + 'tt0000004/'], ['TVDB', TVDB + '4004'], ['TVmaze', TVMAZE + '504']]), lk);
1012. const impPaths = tmdb.requests.slice(reqBefore).map(q => q.path);
1013. check('search import: TMDB asked exactly like the sync (details, seasons, poster) + one details request for the new record, all with the token',
1014. JSON.stringify(impPaths) === JSON.stringify(['/3/tv/1004', '/3/tv/1004?append_to_response=external_ids', '/3/tv/1004?append_to_response=season/1', '/t/p/w342/gate4.png'])
1015. && tmdb.requests.slice(reqBefore).filter(q => q.path.startsWith('/3/')).every(q => q.authorization === 'Bearer gate-token'), JSON.stringify(impPaths));
1016. await page.goto(BASE + '/search/gate');
1017. await hydrated();
1018. st14 = await searchTitles();
1019. check('search import: our database has it at once (the index too): "gate" now also lists Gate Import Show (2023)',
1020. st14 === JSON.stringify([GATE_TITLES[0], GATE_TITLES[1], ['Gate Import Show (2023)', '/shows/Gate-Import-Show', 'Series'], GATE_TITLES[2]]), st14);
1021. await page.click('#fetchweb');
1022. await page.waitFor(`document.querySelectorAll('web-row').length > 0`, { timeout: 10000 });
1023. wl = await webList();
1024. check('search import: the web list leaves it out now (we have it)', wl === JSON.stringify(GATE_WEB.slice(1)), wl);
1025. await page.click('web-row button.add[value="movie:1005"]');
1026. await page.waitFor(`location.pathname === '/shows/Gate-Import-Movie' && !!document.querySelector('show-header h1')`, { timeout: 15000, label: 'imported movie page' });
1027. lk = await extLinks();
1028. check('search import: a MOVIE (movie 1005) → /shows/Gate-Import-Movie, synced via /movie/ (TMDB /movie/1005 + IMDb), no seasons',
1029. (await ev(`document.querySelector('show-header h1').textContent`)) === 'Gate Import Movie' && linksAre(lk, [['TMDB', TMDB_MOVIE + '1005'], ['IMDb', IMDB + 'tt0000005/']])
1030. && (await ev(`document.querySelectorAll('season-row').length`)) === 0 && !tmdb.requests.some(q => q.path.startsWith('/3/tv/1005')), lk);
1031. await page.goto(BASE + '/search/gate%20import');
1032. await hydrated();
1033. st14 = await searchTitles();
1034. check('search import: both imported titles are found, each once', st14 === JSON.stringify([['Gate Import Show (2023)', '/shows/Gate-Import-Show', 'Series'], ['Gate Import Movie (2001)', '/shows/Gate-Import-Movie', 'Movie']]), st14);
1035. // merge of #13 + #14: an imported title is in the public lists at once (catalog.hl refreshCatalogShow), no restart
1036. await page.goto(BASE + '/movies');
1037. await hydrated();
1038. titles = await titlesOf('tile-grid');
1039. await page.goto(BASE + '/shows');
1040. await hydrated();
1041. tl = await titlesOf('tile-grid');
1042. check('search import → the lists at once: /movies has Gate Import Movie (2001-05-05) right after the 2099 one, /shows has Gate Import Show',
1043. titles[0] === 'Pager Future Movie' && titles[1] === 'Gate Import Movie' && titles.filter(t => t === 'Gate Import Movie').length === 1 && tl.filter(t => t === 'Gate Import Show').length === 1, JSON.stringify({ titles, tl }));
1044. if (process.env.TRACKER_GATE_SHOTS) {
1045. for (const [w, h, mobile] of [[390, 844, true], [1280, 900, false]]) {
1046. await page.send('Emulation.setDeviceMetricsOverride', { width: w, height: h, deviceScaleFactor: mobile ? 2 : 1, mobile });
1047. await page.goto(BASE + '/search/gate');
1048. await hydrated();
1049. await page.click('#fetchweb');
1050. await page.waitFor(`document.querySelectorAll('web-row').length > 0`, { timeout: 10000 });
1051. await page.waitFor(`Array.from(document.querySelectorAll('img')).every(i => i.complete)`, { timeout: 5000 }).catch(() => {});
1052. writeFileSync(join(process.env.TRACKER_GATE_SHOTS, `search-web-${w}.png`), Buffer.from((await page.send('Page.captureScreenshot', { format: 'png' })).data, 'base64'));
1053. }
1054. await page.send('Emulation.clearDeviceMetricsOverride', {});
1055. }
1056. check('search: the server log has no error (the imports logged their sync counts)', !/error absorbed/i.test(log) && (log.match(/search import: /g) || []).length === 2, log.split('\n').filter(l => /search|error/i.test(l)).join('\n'));
1058. // ==== mission 054: ADULT TITLES — the public lists and the search show only titles TMDB says are NOT adult (unknown =
1059. // hidden); a followed adult title stays on /my/* and its page; the in-app BACKFILL asks TMDB title by title, resumes
1060. // after a restart, and pages stay fast meanwhile. tests/seed-adult.hl adds the titles (app stopped) ====
1061. await page.goto('about:blank'); // mission 056: a tab left on a page logs websocket reconnect errors while the server is down
1062. await stopServer();
1063. const seedAdult = execFileSync(join(APP, 'bin/hybriel'), ['tests/seed-adult.hl'], { cwd: APP, env: { ...process.env, TRACKER_STORAGE: MPACKDB, TRACKER_SEED_USER: 'gateu0000000000u1' } }).toString();
1064. check('adult: fixture written (1 adult title alice follows, 14 with an unknown flag)', seedAdult.includes('15 titles') && seedAdult.includes('follows Adult Gate Movie'), seedAdult);
1065. await startServer();
1066. const ADULT_ALL = ['Adult Gate Movie', 'Flagless Gate Movie', 'Flagless Adult Movie', 'Flagless Gate Series', 'Gone Gate Movie', 'Backfill Movie'];
1067. // the signed-OUT HTML of a page (node fetch, no cookie): which of these titles it names
1068. const namesIn = async (path) => { const h = await (await fetch(BASE + path)).text(); return ADULT_ALL.filter(t => h.includes(t)); };
1069. const allMoviesHtml = async () => { let h = ''; for (const p of ['/movies', '/movies/page/2']) h += await (await fetch(BASE + p)).text(); return h; };
1070. const mh = await allMoviesHtml();
1071. let seen = { home: await namesIn('/'), movies: ADULT_ALL.filter(t => mh.includes(t)), shows: await namesIn('/shows') };
1072. check('adult (backfill off): signed out, the homepage, every /movies page and /shows list NONE of the adult/unknown titles; the count is unchanged (34 movies)',
1073. seen.home.length === 0 && seen.movies.length === 0 && seen.shows.length === 0 && mh.includes('34 movies, newest first'), JSON.stringify(seen));
1074. let sr = await (await fetch(BASE + '/search/flagless')).text();
1075. const sr2 = await (await fetch(BASE + '/search/adult%20gate')).text();
1076. check('adult (backfill off): the search finds none of them ("flagless", "adult gate" → "Nothing in our database yet.")',
1077. sr.includes('Nothing in our database yet.') && !sr.includes('class="search-title"') && sr2.includes('Nothing in our database yet.'), sr.slice(sr.indexOf('<search-page'), sr.indexOf('<search-page') + 600));
1078. await page.goto(BASE + '/my/movies');
1079. await hydrated();
1080. const myMv = await ev(`JSON.stringify(Array.from(document.querySelectorAll('my-show-row')).map(r => r.querySelector('a.myshow-title').textContent))`);
1081. check('adult: alice follows the adult movie → it IS on her /my/movies (newest follow first)', JSON.parse(myMv)[0] === 'Adult Gate Movie (2001)', myMv);
1082. await page.click('a.myshow-title[href="/shows/adult-gate-movie"]');
1083. await page.waitFor(`location.pathname === '/shows/adult-gate-movie' && !!document.querySelector('show-page')`, { timeout: 10000, label: 'adult page (alice)' });
1084. await page.waitFor(`!!document.querySelector('show-header h1')`, { timeout: 5000 }).catch(() => {});
1085. check('adult: …and its page opens for her (client-side from /my/movies, and on a reload) with "Following"',
1086. (await ev(`document.querySelector('show-header h1') ? document.querySelector('show-header h1').textContent : 'none'`)) === 'Adult Gate Movie'
1087. && (await (async () => { await page.goto(BASE + '/shows/adult-gate-movie'); await hydrated(); return ev(`(document.querySelector('show-header h1') || {}).textContent + '|' + (document.querySelector('#follow') || {}).textContent`); })()) === 'Adult Gate Movie|Following');
1088. // mission 056: the adult title's PAGE is "Not found" for anyone who does not follow it — signed out (no cookie) here
1089. const adultOut = await (await fetch(BASE + '/shows/adult-gate-movie')).text();
1090. const pageH1 = (h) => (h.match(/<show-page[^>]*>[\s\S]*?<h1[^>]*>([^<]*)<\/h1>/) || [])[1];
1091. check('adult (056): signed out, /shows/adult-gate-movie says "Not found" and names no title (a non-adult page still opens: Flagless Gate Movie is unknown, not hidden)',
1092. pageH1(adultOut) === 'Not found' && !adultOut.includes('Adult Gate Movie') && pageH1(await (await fetch(BASE + '/shows/flagless-gate-movie')).text()) === 'Flagless Gate Movie', pageH1(adultOut));
1093. await page.goto(BASE + '/');
1094. await hydrated();
1095. const homeIn = await ev(`document.querySelector('home').textContent`);
1096. check('adult: signed in too, the homepage rows have none of them (only /my/* is personal)', ADULT_ALL.every(t => !homeIn.includes(t)), homeIn);
1097. await page.goto(BASE + '/search/gate');
1098. await hydrated();
1099. const wsBefore = tmdb.searchRequests.length;
1100. await page.click('#fetchweb');
1101. await page.waitFor(`document.querySelectorAll('web-row').length > 0 || !!document.querySelector('#webnote')`, { timeout: 10000, label: 'web results (adult)' });
1102. wl = await webList();
1103. check('adult: "Fetch from web" asks TMDB with include_adult=false and leaves out the result TMDB marks adult (Gate Adult Web)',
1104. !wl.includes('Gate Adult Web') && wl.includes('Gate Broken Show') && tmdb.searchRequests.length === wsBefore + 1 && tmdb.searchRequests[wsBefore].path.includes('include_adult=false'), wl);
1105. check('adult (backfill off): the log says so, no TMDB request was made for the unknown titles', log.includes('adult backfill: off (TRACKER_BACKFILL=0)') && !tmdb.requests.some(q => /\/3\/(movie|tv)\/(1012|1013|1014|1120|11\d\d)/.test(q.path)), log);
1107. // ---- the BACKFILL: every answer slowed down to 300 ms; stopped after 6 titles, started again → it goes on with the rest ----
1108. await page.goto('about:blank'); // mission 056: a tab left on a page logs websocket reconnect errors while the server is down
1109. await stopServer();
1110. tmdb.delayMs = 300;
1111. const bfReq = tmdb.requests.length;
1112. await startServer({ TRACKER_BACKFILL: '1', TRACKER_BACKFILL_LOG_EVERY: '3' });
1113. const waitLog = async (re, ms) => { const t0 = Date.now(); while (!re.test(log) && Date.now() - t0 < ms) await new Promise(r => setTimeout(r, 100)); return re.test(log); };
1114. const got6 = await waitLog(/adult backfill: 6\/14 titles/, 30000);
1115. const log1 = log;
1116. await page.goto('about:blank'); // mission 056: a tab left on a page logs websocket reconnect errors while the server is down
1117. await stopServer();
1118. const asked1 = tmdb.requests.slice(bfReq).map(q => q.path).filter(p => /^\/3\/(movie|tv)\//.test(p));
1119. check('backfill: started with the 14 unknown titles, logs every 3 (TRACKER_BACKFILL_LOG_EVERY), one details request per title (+ external_ids), with the token',
1120. got6 && log1.includes('adult backfill: start, 14 titles without an adult flag') && /adult backfill: 3\/14 titles/.test(log1)
1121. && asked1.every(p => p.endsWith('?append_to_response=external_ids')) && tmdb.requests.slice(bfReq).filter(q => q.path.startsWith('/3/')).every(q => q.authorization === 'Bearer gate-token'), log1.split('\n').filter(l => /backfill/.test(l)).join('\n'));
1122. const bfReq2 = tmdb.requests.length;
1123. await startServer({ TRACKER_BACKFILL: '1', TRACKER_BACKFILL_LOG_EVERY: '3' });
1124. // the start line comes with the clock's first tick, which can be after the first page answer (mission 056: it was)
1125. await waitLog(/adult backfill: start, \d+ titles/, 5000);
1126. const left = Number((log.match(/adult backfill: start, (\d+) titles/) || [])[1]);
1127. // pages DURING the run: signed out, the homepage, /movies and a search, back to back, timed
1128. const during54 = [];
1129. const t054 = Date.now();
1130. while (!/adult backfill done/.test(log) && Date.now() - t054 < 60000) {
1131. for (const p of ['/', '/movies', '/search/backfill']) { const t = Date.now(); await (await fetch(BASE + p)).text(); during54.push({ p, ms: Date.now() - t }); }
1132. }
1133. const bfSecs = (Date.now() - t054) / 1000;
1134. const asked2 = tmdb.requests.slice(bfReq2).map(q => q.path).filter(p => /^\/3\/(movie|tv)\//.test(p));
1135. const askedIds = [...asked1, ...asked2].map(p => p.match(/\/3\/(?:movie|tv)\/(\d+)/)[1]);
1136. const twice = askedIds.filter((x, k) => askedIds.indexOf(x) !== k);
1137. const doneLine = (log.match(/adult backfill done: .*/) || [''])[0];
1138. console.log(` (backfill second start: ${left} titles left, ${bfSecs} s; ${during54.length} pages asked during it, slowest ${Math.max(0, ...during54.map(l => l.ms))} ms; ${doneLine})`);
1139. check('backfill RESUMES after a restart: the second start finds only the titles still unknown (≤ 8 of 14), every one of the 14 was asked, none twice except at most the one cut off by the stop',
1140. left >= 1 && left <= 8 && new Set(askedIds).size === 14 && twice.length <= 1 && asked1.length + asked2.length - twice.length === 14, JSON.stringify({ left, asked1, asked2, twice }));
1141. check('backfill: done — it stops when nothing is unknown (the done line with its counts); the 404 (1120) was logged',
1142. /^adult backfill done: \d+\/\d+ titles, adult=\d+ notAdult=\d+ unknown=\d+ posters=\d+ ids=\d+ requests=\d+ errors=\d+ retries=0 seconds=/.test(doneLine) && (log1 + log).includes('HTTP 404 for /movie/1120'), (log1 + log).split('\n').filter(l => /backfill/.test(l)).join('\n'));
1143. check('backfill: pages stay fast during the run (300 ms per TMDB answer) — every page < 1.2 s, and pages were asked during it',
1144. during54.length >= 6 && during54.every(l => l.ms < 1200), JSON.stringify(during54.filter(l => l.ms >= 500)));
1145. // the lists updated AS the flags arrived (no restart since the run)
1146. seen = { home: await namesIn('/'), shows: await namesIn('/shows') };
1147. const mh2 = await allMoviesHtml();
1148. seen.movies = ADULT_ALL.filter(t => mh2.includes(t));
1149. check('backfill → the lists at once (no restart): /movies has Flagless Gate Movie + the 10 Backfill Movies (45 movies), NOT the adult ones or the 404; /shows and the homepage have Flagless Gate Series (+ the homepage Flagless Gate Movie)',
1150. JSON.stringify(seen.movies) === JSON.stringify(['Flagless Gate Movie', 'Backfill Movie']) && mh2.includes('Backfill Movie 10') && mh2.includes('Backfill Movie 01') && mh2.includes('45 movies, newest first')
1151. && JSON.stringify(seen.shows) === JSON.stringify(['Flagless Gate Series']) && JSON.stringify(seen.home) === JSON.stringify(['Flagless Gate Movie', 'Flagless Gate Series']), JSON.stringify(seen));
1152. sr = await (await fetch(BASE + '/search/flagless')).text();
1153. check('backfill → the search at once: "flagless" finds Flagless Gate Series + Flagless Gate Movie, not Flagless Adult Movie',
1154. sr.includes('Flagless Gate Movie') && sr.includes('Flagless Gate Series') && !sr.includes('Flagless Adult Movie'), sr.slice(sr.indexOf('<search-page'), sr.indexOf('<search-page') + 900));
1155. check('backfill: the ADULT title\'s poster is NOT downloaded (Flagless Adult Movie: asked, but no /t/p/w342/flag13.png request, no posters/admvfa.* file)',
1156. !tmdb.requests.some(q => q.path.includes('flag13')) && !readdirSync(join(MPACKDB, 'posters')).some(f => f.startsWith('admvfa.')) && tmdb.requests.some(q => q.path.startsWith('/3/movie/1013?')),
1157. (log1 + log).split('\n').filter(l => /backfill/.test(l)).join('\n'));
1158. const pr = await fetch(BASE + '/posters/admvfl.png');
1159. check('backfill: the poster was downloaded and is served (/posters/admvfl.png, image/png)', pr.status === 200 && pr.headers.get('content-type') === 'image/png' && existsSync(join(MPACKDB, 'posters', 'admvfl.png')));
1160. // a third start: nothing unknown is left that TMDB can answer (the 404 is marked) → no request at all
1161. await page.goto('about:blank'); // mission 056: a tab left on a page logs websocket reconnect errors while the server is down
1162. await stopServer();
1163. const bfReq3 = tmdb.requests.length;
1164. tmdb.delayMs = 0;
1165. await startServer({ TRACKER_BACKFILL: '1' });
1166. await waitLog(/adult backfill: nothing to do/, 5000);
1167. await new Promise(r => setTimeout(r, 500));
1168. check('backfill: a restart afterwards has nothing to do (the 404 title is marked, not asked again) — no TMDB request',
1169. log.includes('adult backfill: start, 0 titles') && log.includes('adult backfill: nothing to do') && tmdb.requests.length === bfReq3, log.split('\n').filter(l => /backfill/.test(l)).join('\n'));
1170. check('adult: the server log has no error', !/error absorbed/i.test(log), log);
1171. await page.goto(BASE + '/');
1172. await hydrated();
1173. if (process.env.TRACKER_GATE_SHOTS) writeFileSync(join(process.env.TRACKER_GATE_SHOTS, 'adult-home-1280.png'), Buffer.from((await page.send('Page.captureScreenshot', { format: 'png' })).data, 'base64'));
1174. // mission 056: alice UNFOLLOWS the adult movie on its page (a session face → hl:web's session sync re-derives `found` with
1175. // the page's slug, hybriel#122): she no longer follows it → "Not found" at once, on a reload, and it leaves /my/movies
1176. await page.goto(BASE + '/shows/adult-gate-movie');
1177. await hydrated();
1178. const adultBefore = await ev(`(document.querySelector('show-header h1') || {}).textContent + '|' + (document.querySelector('#follow') || {}).textContent`);
1179. await page.click('#follow');
1180. const adultGone = await page.waitFor(`(document.querySelector('show-page h1') || {}).textContent === 'Not found'`, { timeout: 5000, label: 'adult page hidden after unfollow' }).then(() => true, () => false);
1181. const adultAfter = await ev(`(document.querySelector('show-page h1') || {}).textContent + '|' + ((document.querySelector('#follow') || {}).textContent || '')`);
1182. await page.goto(BASE + '/shows/adult-gate-movie');
1183. await hydrated();
1184. const adultReload = await ev(`(document.querySelector('show-page h1') || {}).textContent`);
1185. await page.goto(BASE + '/my/movies');
1186. await hydrated();
1187. const myMv2 = await ev(`Array.from(document.querySelectorAll('a.myshow-title')).map(a => a.textContent).join(',')`);
1188. check('adult (056): alice sees the adult page while she follows it; after Unfollow ON the page it says "Not found" (no reload), on a reload too, and it is off her /my/movies',
1189. adultBefore === 'Adult Gate Movie|Following' && adultGone && adultAfter === 'Not found|' && adultReload === 'Not found' && !myMv2.includes('Adult Gate Movie'), JSON.stringify({ adultBefore, adultAfter, adultReload, myMv2 }));
1190. // and a normal show page still works after a session face (mission 054's failure: the browser re-derived `found` → `rows`)
1191. await page.goto(BASE + '/shows/gate-test-show');
1192. await hydrated();
1193. const ep56 = await ev(`(() => { const b = document.querySelector('episode-row button.checkicon'); return b ? b.value + '|' + b.className : null; })()`);
1194. await page.click('episode-row button.checkicon');
1195. const ep56ok = await page.waitFor(`document.querySelector('episode-row button.checkicon').className !== ${JSON.stringify((ep56 || '|').split('|')[1])}`, { timeout: 5000, label: 'episode toggled (056)' }).then(() => true, () => false);
1196. await page.click('episode-row button.checkicon');
1197. const ep56back = await page.waitFor(`document.querySelector('episode-row button.checkicon').className === ${JSON.stringify((ep56 || '|').split('|')[1])}`, { timeout: 5000, label: 'episode toggled back (056)' }).then(() => true, () => false);
1198. check('adult (056): on a normal show page an episode check toggles and toggles back (the session face + sync with the new `found`)', ep56 !== null && ep56ok && ep56back, ep56);
1200. // ==== tracker.worldapi.org#16: PERSON PAGES — a complete person at once; an incomplete one fetches TMDB on the first visit
1201. // ("Loading filmography…", filled without a reload, step by step), titles added once, adult hidden, the links, client-side
1202. // navigation show → person → show → Back ====
1203. const filmRows = () => ev(`JSON.stringify(Array.from(document.querySelectorAll('a.film-row')).map(a => [a.querySelector('film-title').textContent, a.querySelector('film-year').textContent, a.querySelector('film-type').textContent, a.querySelector('film-role').textContent, a.getAttribute('href')]))`).then(JSON.parse);
1204. const personFacts = () => ev(`JSON.stringify({ h1: (document.querySelector('person-meta h1') || {}).textContent || null, facts: Array.from(document.querySelectorAll('person-fact')).map(f => f.textContent),
1205. bio: (document.querySelector('person-bio') || {}).textContent || null, photo: (document.querySelector('person-photo img') || { getAttribute: () => null }).getAttribute('src'),
1206. photoLoaded: !!(document.querySelector('person-photo img') && document.querySelector('person-photo img').complete && document.querySelector('person-photo img').naturalWidth > 0),
1207. loading: !!document.querySelector('#personloading'), error: (document.querySelector('#fillerror') || {}).textContent || null })`).then(JSON.parse);
1208. await page.goto(BASE + '/person/Complete-Person');
1209. await hydrated();
1210. await new Promise(r => setTimeout(r, 600));
1211. let pf = await personFacts();
1212. let fr = await filmRows();
1213. check('person: a COMPLETE person shows at once — name, born/died, bio, the filmography newest first with roles and years; no loading, TMDB not asked',
1214. pf.h1 === 'Complete Person' && JSON.stringify(pf.facts) === JSON.stringify(['Born 3 February 1950 in Gate City', 'Died 1 January 2020']) && pf.bio === 'A fixture person who is complete.'
1215. && pf.photo === null && !pf.loading && JSON.stringify(fr) === JSON.stringify([['Gate Test Show', '2024', 'Series', 'Old Role', '/shows/gate-test-show'], ['Gate Test Movie', '1996', 'Movie', 'Movie Role', '/shows/gate-test-movie']])
1216. && tmdb.personRequests.length === 0, JSON.stringify({ pf, fr, req: tmdb.personRequests }));
1217. await page.goto(BASE + '/person/Nobody-Here');
1218. await hydrated();
1219. check('person: an unknown slug says "Not found"', (await ev(`document.querySelector('person-page h1').textContent`)) === 'Not found');
1220. check('person: /profiles/<bad name> answers 400', (await fetch(BASE + '/profiles/..%2Fx')).status === 400 || (await fetch(BASE + '/profiles/a%20b')).status === 400);
1222. // client-side: the show page's cast link → the person page (a window marker proves no reload); TMDB answers slowly (900 ms)
1223. // so the loading state is seen; then it fills in by itself
1224. tmdb.personDelayMs = 900;
1225. await page.goto(BASE + '/shows/gate-test-show');
1226. await hydrated();
1227. await ev(`window.__w055 = 'same document'`);
1228. const fillT0 = Date.now();
1229. await page.click('a.artist-link[href="/person/Test-Actor"]');
1230. await page.waitFor(`location.pathname === '/person/Test-Actor' && !!document.querySelector('person-meta h1')`, { timeout: 10000, label: 'person page after the cast click' });
1231. pf = await personFacts();
1232. const rowsBefore = (await filmRows()).length;
1233. // meanwhile another request: answered while the fill runs (the fetch steps yield)
1234. check('person: first visit (client-side from the cast link) shows "Loading filmography…" and no rows yet',
1235. pf.h1 === 'Test Actor' && pf.loading && (await ev(`document.querySelector('#personloading').textContent`)).startsWith('Loading filmography') && rowsBefore === 0, JSON.stringify({ pf, rowsBefore }));
1236. await page.waitFor(`!document.querySelector('#personloading') && document.querySelectorAll('a.film-row').length > 0`, { timeout: 20000, label: 'filmography filled in' });
1237. const fillMs = Date.now() - fillT0;
1238. await page.waitFor(`document.querySelector('person-photo img') && document.querySelector('person-photo img').complete`, { timeout: 5000, label: 'photo' }).catch(() => {});
1239. pf = await personFacts();
1240. fr = await filmRows();
1241. const marker16 = await ev('window.__w055 || null');
1242. check('person: the filmography filled in WITHOUT a reload (same document) — facts and the photo from TMDB too',
1243. marker16 === 'same document' && !pf.loading && pf.error === null && JSON.stringify(pf.facts) === JSON.stringify(['Born 6 May 1970 in Fixture Town']) && pf.bio === 'Test Actor bio from TMDB.'
1244. && pf.photo === '/profiles/p1.png' && pf.photoLoaded, JSON.stringify({ marker16, pf, fillMs }));
1245. const bio0 = await ev(`document.querySelector('person-bio').className`);
1246. await page.click('person-bio');
1247. await page.waitFor(`document.querySelector('person-bio').className === 'full'`, { timeout: 5000, label: 'bio open' }).catch(() => {});
1248. const bio1 = await ev(`document.querySelector('person-bio').className + '|' + getComputedStyle(document.querySelector('person-bio')).webkitLineClamp`);
1249. check('person: the bio is SHORT (four lines) until clicked, then whole', bio0 === 'short' && bio1 === 'full|none', bio0 + ' → ' + bio1);
1250. const titles16 = fr.map(r => r[0]);
1251. check('person: 86 rows (87 TMDB titles − the adult one), newest first, undated last; roles of cast + crew merged; the adult title hidden',
1252. fr.length === 86 && JSON.stringify(fr.slice(0, 4)) === JSON.stringify([['Gate Test Show', '2024', 'Series', 'Someone', '/shows/gate-test-show'], ['Directed Only', '2018', 'Movie', 'Writer', '/shows/Directed-Only'],
1253. ['Person Series', '2015', 'Series', 'Lead', '/shows/Person-Series'], ['Person Film One', '2010', 'Movie', 'Hero / Director', '/shows/Person-Film-One']])
1254. && titles16[4] === 'Bulk Film 01' && titles16[83] === 'Bulk Film 80' && JSON.stringify(fr[84]) === JSON.stringify(['Gate Test Movie', '1996', 'Movie', 'Cameo', '/shows/gate-test-movie'])
1255. && JSON.stringify(fr[85]) === JSON.stringify(['Announced Film', '', 'Movie', 'Villain', '/shows/Announced-Film']) && !titles16.includes('Hidden Adult Film'), JSON.stringify(fr.slice(0, 6)) + ' … ' + JSON.stringify(fr.slice(-3)));
1256. const posters16 = JSON.parse(await ev(`JSON.stringify(Array.from(document.querySelectorAll('a.film-row img.film-poster')).slice(0, 4).map(i => i.getAttribute('src')))`));
1257. check('person: posters — our file when we have one (show 1), else TMDB\'s small one (w92), else the placeholder',
1258. posters16[0] === '/posters/sh1.png' && posters16[1] === '/posters/none' && posters16[3] === tmdb.base + '/t/p/w92/pf1.png', JSON.stringify(posters16));
1259. const pr16 = tmdb.personRequests.map(q => q.path);
1260. const fillLines = log.split('\n').filter(l => l.startsWith('person fill: '));
1261. check('person: ONE TMDB request (person + combined_credits, Bearer token) + the photo (w185); the fill ran in 4 steps (TMDB, then 3 × 40 titles) and added 85 titles (2 existed)',
1262. JSON.stringify(pr16) === JSON.stringify(['/3/person/3002?append_to_response=combined_credits', '/t/p/w185/face2.png']) && tmdb.personRequests[0].authorization === 'Bearer gate-token'
1263. && fillLines.length === 1 && /^person fill: Test Actor \(tmdb 3002\) credits=87 added=85 requests=2 steps=4 /.test(fillLines[0]), JSON.stringify({ pr16, fillLines }));
1264. tmdb.personDelayMs = 0;
1266. // the links: a row → its show page (client-side); Back → the person page, complete now (no loading)
1267. await page.click('a.film-row[href="/shows/gate-test-show"]');
1268. await page.waitFor(`location.pathname === '/shows/gate-test-show' && !!document.querySelector('show-header h1')`, { timeout: 10000, label: 'show page from the filmography' });
1269. const back1 = await ev(`document.querySelector('show-header h1').textContent + '|' + (window.__w055 || '')`);
1270. await ev('history.back()');
1271. await page.waitFor(`location.pathname === '/person/Test-Actor' && document.querySelectorAll('a.film-row').length === 86`, { timeout: 10000, label: 'Back to the person' });
1272. pf = await personFacts();
1273. check('person: a filmography row → the show page (client-side), Back → the person page, filled, no loading again',
1274. back1 === 'Gate Test Show|same document' && !pf.loading && (await ev('window.__w055 || null')) === 'same document', JSON.stringify({ back1, pf }));
1275. await page.click('a.film-row[href="/shows/Person-Film-One"]');
1276. await page.waitFor(`location.pathname === '/shows/Person-Film-One' && !!document.querySelector('show-header h1')`, { timeout: 10000, label: 'new title page' });
1277. lk = await extLinks();
1278. check('person: a title the fill added has its page (/shows/Person-Film-One: title, the overview, TMDB link, genre Drama, the person in its cast)',
1279. (await ev(`document.querySelector('show-header h1').textContent`)) === 'Person Film One' && (await ev(`document.querySelector('show-summary').textContent`)) === 'a film of the person'
1280. && linksAre(lk, [['TMDB', TMDB_MOVIE + '2001']]) && (await ev(`Array.from(document.querySelectorAll('a.genre-pill')).map(a => a.textContent).join(',')`)) === 'Drama'
1281. && (await ev(`Array.from(document.querySelectorAll('a.artist-link')).map(a => a.textContent + ' ' + a.getAttribute('href')).join(',')`)) === 'Test Actor /person/Test-Actor', lk);
1283. // second visit (full load): complete — TMDB not asked again, nothing added, same rows
1284. await page.goto(BASE + '/person/Test-Actor');
1285. await hydrated();
1286. await new Promise(r => setTimeout(r, 700));
1287. pf = await personFacts();
1288. check('person: a SECOND visit is complete at once — no loading, the same 86 rows, TMDB not asked again, no second fill',
1289. !pf.loading && (await filmRows()).length === 86 && tmdb.personRequests.length === 2 && log.split('\n').filter(l => l.startsWith('person fill: ')).length === 1, JSON.stringify({ pf, req: tmdb.personRequests.length }));
1291. // another person whose credits we have by now: linked, nothing added (no duplicate titles)
1292. await page.goto(BASE + '/person/Second-Actor');
1293. await hydrated();
1294. await page.waitFor(`!document.querySelector('#personloading')`, { timeout: 15000, label: 'second actor filled' });
1295. fr = await filmRows();
1296. const second = log.split('\n').filter(l => l.startsWith('person fill: Second Actor'));
1297. check('person: a second person with titles we have — linked, added=0, no photo; the title OUR record marks adult hidden though the credit is not',
1298. JSON.stringify(fr) === JSON.stringify([['Gate Test Show', '2024', 'Series', 'Guest', '/shows/gate-test-show'], ['Person Film One', '2010', 'Movie', 'Sidekick', '/shows/Person-Film-One']])
1299. && second.length === 1 && / added=0 requests=1 /.test(second[0]) && (await personFacts()).photo === null, JSON.stringify({ fr, second }));
1300. await page.goto(BASE + '/search/person%20film');
1301. await hydrated();
1302. check('person: the search finds the added title once', (await ev(`Array.from(document.querySelectorAll('a.search-title')).filter(a => a.textContent === 'Person Film One (2010)').length`)) === 1);
1303. check('person: the server log has no error', !/error absorbed|not stored/i.test(log), log.split('\n').filter(l => /person|error/i.test(l)).join('\n'));
1304. for (const [w, h, mobile] of [[390, 844, true], [1280, 900, false]]) {
1305. await page.send('Emulation.setDeviceMetricsOverride', { width: w, height: h, deviceScaleFactor: mobile ? 2 : 1, mobile });
1306. for (const [name, path] of [['person', '/person/Test-Actor'], ['person-complete', '/person/Complete-Person']]) {
1307. await page.goto(BASE + path);
1308. await hydrated();
1309. await page.waitFor(`Array.from(document.querySelectorAll('img')).filter(i => i.getBoundingClientRect().top < innerHeight).every(i => i.complete)`, { timeout: 5000 }).catch(() => {});
1310. check(`person: ${path} at ${w} px — no sideways scroll, header one row`, (await ev('document.documentElement.scrollWidth')) <= w && (await ev(`document.querySelector('application-header').getBoundingClientRect().height`)) <= 64);
1311. if (process.env.TRACKER_GATE_SHOTS) writeFileSync(join(process.env.TRACKER_GATE_SHOTS, `${name}-${w}.png`), Buffer.from((await page.send('Page.captureScreenshot', { format: 'png' })).data, 'base64'));
1312. }
1313. }
1314. await page.send('Emulation.clearDeviceMetricsOverride', {});
1316. // ==== tracker.worldapi.org#10: THE INSTALLABLE APP — hl:web's own manifest + service worker (project.hl appIcons /
1317. // offline = [ Home ]). The manifest and every icon over HTTP; Chrome's own verdict (installability, manifest parse);
1318. // the worker registered for the whole app; then OFFLINE: the tab loses the network (the note appears), the server
1319. // is stopped too (CDP's offline emulation does not reach the service worker's own fetches — measured — so only a
1320. // dead server proves the cache), and `/` still opens: header + the note. A data page gets hl:web's "Unavailable
1321. // offline" page. A separate tab, so its expected socket errors stay out of the main tab's console check.
1322. const html = await (await fetch(BASE + '/')).text();
1323. const mhref = (html.match(/<link rel="manifest" href="([^"]+)"/) || [])[1];
1324. check('pwa: every page head links the manifest, the apple-touch-icon, the favicon and the theme colour (the token `darker`)',
1325. mhref === '/__hl/manifest.webmanifest' && html.includes('<link rel="apple-touch-icon" href="/icons/apple-touch-icon.png">')
1326. && html.includes('<link rel="icon" href="/icons/favicon.svg">') && html.includes('<meta name="theme-color" content="rgb(15, 20, 25)">'), html.slice(0, 900));
1327. const mres = await fetch(BASE + mhref);
1328. const man = await mres.json();
1329. check('pwa: the manifest is served as application/manifest+json: name "tracker", start_url /, scope /, display standalone, the token colours',
1330. /manifest\+json/.test(mres.headers.get('content-type') || '') && man.name === 'tracker' && man.short_name === 'tracker' && man.start_url === '/' && man.scope === '/'
1331. && man.display === 'standalone' && man.theme_color === 'rgb(15, 20, 25)' && man.background_color === 'rgb(25, 30, 35)', JSON.stringify(man));
1332. const iconOk = [];
1333. for (const ic of man.icons || []) {
1334. const ir = await fetch(BASE + ic.src);
1335. const b = Buffer.from(await ir.arrayBuffer());
1336. 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]));
1337. }
1338. check('pwa: every manifest icon loads and is a real PNG of its declared size (192 + 512, any + maskable)',
1339. 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));
1340. const touch = await fetch(BASE + '/icons/apple-touch-icon.png');
1341. const touchBytes = Buffer.from(await touch.arrayBuffer());
1342. const fav = await fetch(BASE + '/icons/favicon.svg');
1343. const favText = await fav.text();
1344. const ico = await fetch(BASE + '/favicon.ico');
1345. const icoBytes = Buffer.from(await ico.arrayBuffer());
1346. check('pwa: apple-touch-icon is a 180×180 PNG, the favicon an SVG in tracker green, /favicon.ico a real icon file',
1347. touch.ok && touchBytes.readUInt32BE(16) === 180 && fav.ok && /image\/svg\+xml/.test(fav.headers.get('content-type') || '') && favText.includes('#4ec9b0')
1348. && ico.ok && icoBytes.readUInt32BE(0) === 0x00000100, `${touch.status} ${fav.status} ${ico.status}`);
1350. await page.goto('about:blank'); // the server goes down below: the main tab must not sit on a page meanwhile
1351. const app = await browser.newPage();
1352. const aev = (e) => app.evaluate(e);
1353. const appHydrated = () => app.waitFor('!!window.__hl && window.__hl.socket && window.__hl.socket.readyState === 1', { timeout: 15000, label: 'app tab hydrated' });
1354. await app.send('Emulation.setDeviceMetricsOverride', { width: 390, height: 844, deviceScaleFactor: 2, mobile: true });
1355. await app.goto(BASE + '/');
1356. await appHydrated();
1357. await app.waitFor(`navigator.serviceWorker.getRegistration().then(r => !!(r && r.active))`, { timeout: 15000, label: 'service worker active' });
1358. await app.waitFor(`!!navigator.serviceWorker.controller`, { timeout: 10000, label: 'page controlled by the worker' });
1359. const inst = await app.send('Page.getInstallabilityErrors');
1360. check('pwa: Chrome reports no installability error', (inst.installabilityErrors || []).length === 0, JSON.stringify(inst));
1361. const am = await app.send('Page.getAppManifest');
1362. check('pwa: Chrome parses the manifest without errors', am.url && am.url.endsWith('/__hl/manifest.webmanifest') && (am.errors || []).length === 0, JSON.stringify(am.errors));
1363. check('pwa: hl:web\'s service worker is registered for the whole app (scope /) and controls the page',
1364. (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')));
1365. check('pwa: online, no offline note', !(await aev(`!!document.querySelector('#offline')`)));
1366. 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'));
1368. await app.setOffline(true);
1369. await app.waitFor(`!!document.querySelector('#offline')`, { timeout: 5000, label: 'offline note (live)' }).catch(() => {});
1370. 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.');
1371. await stopServer();
1372. let down = false;
1373. try { await fetch(BASE + '/'); } catch { down = true; }
1374. await app.goto(BASE + '/');
1375. await app.waitFor(`!!document.querySelector('#offline')`, { timeout: 8000, label: 'offline note after reload' }).catch(() => {});
1376. // the Shows row: 3 fixture series + Gate Import Show (#14's import, in the lists at once since the #13/#14 merge)
1377. check('offline: with the server gone too, a reload of / still opens the shell from the worker\'s cache — header, brand, the note, the home (#13: its text and both rows — 5 shows since mission 054 added Flagless Gate Series)',
1378. down && (await aev(`document.querySelector('application-header .brand') ? document.querySelector('application-header .brand').textContent : ''`)) === 'tracker'
1379. && (await aev(`!!document.querySelector('#offline')`)) && (await aev(`!!document.querySelector('home-intro') && document.querySelectorAll('#home-movies a.tile').length === 10 && document.querySelectorAll('#home-shows a.tile').length === 5`))
1380. && (await aev(`getComputedStyle(document.querySelector('application-header')).backgroundColor`)) === 'rgb(15, 20, 25)', 'server down: ' + down);
1381. 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'));
1382. await app.goto(BASE + '/my/shows');
1383. 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');
1385. await app.setOffline(false);
1386. await startServer();
1387. await app.goto(BASE + '/');
1388. await appHydrated();
1389. await app.waitFor(`!document.querySelector('#offline')`, { timeout: 5000, label: 'note gone' }).catch(() => {});
1390. check('back online: / from the server again, no offline note', !(await aev(`!!document.querySelector('#offline')`)));
1391. await app.close();
1392. await page.goto(BASE + '/my/schedule');
1393. await hydrated();
1395. // ---- sign out: back to signed out, a reload confirms the app's own session (not just client state) ----
1396. await page.click('#logout');
1397. await page.waitForSelector('#loginbutton', { timeout: 15000 });
1398. check('sign out returns to the signed-out header', (await ev(`!!document.querySelector('#loginbutton')`)) && !(await ev(`!!document.querySelector('#logout')`)));
1399. await page.goto(BASE + '/');
1400. await hydrated();
1401. check('reload after sign-out stays signed out', (await ev(`!!document.querySelector('#loginbutton')`)) && !(await ev(`!!document.querySelector('#logout')`)));
1403. const problems = page.problems();
1404. check('no console errors/warnings', problems.length === 0, page.dumpConsole());
1405. }
1407. try {
1408. await main();
1409. } catch (e) {
1410. check('gate ran without throwing', false, (e.stack || String(e)) + (globalThis.__gatePage ? '\nbrowser console:\n' + globalThis.__gatePage.dumpConsole() : '') + '\nserver log (tail):\n' + log.slice(-2000));
1411. } finally {
1412. await stop();
1413. }
1415. console.log(`\n${passes} passed, ${failures} failed`);
1416. process.exit(failures === 0 ? 0 : 1);