gitoriaLog in with ident

tracker

All repositories: gitoria

ReadmeCodePull requestsReleasesTicketsSettings
Commitf2b00674f2b00674Merge t26 (tracker#26 + #28) into main (mission 062): short ids for every new person (castPersonId, guest route), guest stars stored on the title and created as people only when opened (/person/tmdb/<id>?show=<id> → 302), lean watch/follow clicks (showRow a small object, cast/crew from the slug, watches cached per user, face rows only after a season toggle); gate 311, tests/realdata-062.mjs, README + STATUSmref2b00674/tests/browser.mjs

220.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 { inflateSync } from 'node:zlib';
  14. import { launchBrowser } from './cdp.mjs';
  15. import { startIdent } from './identkit.mjs';
  16. 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 });
  32. let failures = 0, passes = 0;
  33. function check(label, ok, detail = '') {
  34. console.log(`${ok ? 'ok ' : 'FAIL'} ${label}${ok ? '' : ' — ' + detail}`);
  35. if (ok) passes++; else failures++;
  36. }
  37. // tracker#29: the first pixel of a PNG (8-bit RGB/RGBA, as Chrome's screenshots are) — the first pixel of the first row is
  38. // stored raw under every PNG filter (no left / upper neighbour), so no unfiltering is needed
  39. function pngFirstPixel(buf) {
  40. let pos = 8, idat = [];
  41. const colorType = buf[25];
  42. while (pos < buf.length) {
  43. const len = buf.readUInt32BE(pos), type = buf.toString('latin1', pos + 4, pos + 8);
  44. if (type === 'IDAT') idat.push(buf.subarray(pos + 8, pos + 8 + len));
  45. pos += 12 + len;
  46. }
  47. const raw = inflateSync(Buffer.concat(idat));
  48. return colorType === 2 || colorType === 6 ? [raw[1], raw[2], raw[3]] : null;
  49. }
  50. const ACCENT = [78, 201, 176];
  51. const colorDist = (a, b) => a && b ? Math.hypot(a[0] - b[0], a[1] - b[1], a[2] - b[2]) : Infinity;
  52. // tracker#29 (the creator: "in /my/unwatched all checkboxes are active"): an unwatched check is EMPTY — nothing filled,
  53. // muted grey outline circle + check (the #11 shape) — and a watched one SOLID — accent disc, dark check; `look` is checkLook()
  54. const lookEmpty = (g) => !!g && /\bregular\b/.test(g.cls) && g.w > 10 && g.onTop && g.fill === 'rgba(0, 0, 0, 0)'
  55. && g.stroke === 'rgb(145, 150, 155)' && g.mark === 'rgb(145, 150, 155)' && colorDist(g.pixel, ACCENT) > 150;
  56. const lookSolid = (g) => !!g && /\bsolid\b/.test(g.cls) && g.w > 10 && g.onTop && g.fill === 'rgb(78, 201, 176)'
  57. && g.mark === 'rgb(15, 20, 25)' && colorDist(g.pixel, ACCENT) < 40;
  58. let ident = null, server = null, browser = null, log = '', tmdb = null;
  59. async function stopServer() {
  60. if (server) {
  61. const s = server;
  62. try { s.kill('SIGTERM'); } catch {}
  63. await new Promise(r => { if (s.exitCode !== null || s.signalCode !== null) return r(); s.once('exit', r); setTimeout(r, 3000); });
  64. server = null;
  65. }
  66. }
  67. async function stop() {
  68. if (ident) { try { await ident.stop(); } catch {} ident = null; }
  69. if (browser) { try { await browser.close(); } catch {} browser = null; }
  70. await stopServer();
  71. if (tmdb) { try { await tmdb.stop(); } catch {} tmdb = null; }
  72. }
  73. // tracker.worldapi.org#9: what the fake TMDB (tests/faketmdb.mjs) knows about the two fixture shows (tmdbId 1001,
  74. // 1002, tests/seed-show.hl). Show 1: season 0 (must NOT be synced — the show has no season 0), S1 with the two
  75. // fixture episodes (no tmdbId locally → matched by number; E2 renamed "Second Episode") + a new E3 (released),
  76. // S2 unchanged, a NEW S3 (E1 released, E2 upcoming 2098-06-01). Show 2 (no seasons yet): a NEW S1 E1 (upcoming
  77. // 2097-01-01). Both have a poster.
  78. // tracker.worldapi.org#12: TMDB's external_ids — show 1 a DIFFERENT imdb id than the stored tt0000001 (must not overwrite)
  79. // + a tvdb id (fills); show 2 an imdb id (fills) + a different tvdb id than the stored 4002 (must not overwrite). The movie
  80. // 1003 (only via /movie/): an imdb id. The fake TVmaze knows imdb tt0000001 → 501 and thetvdb 4002 → 502 (tt0000002 is unknown).
  81. // tracker.worldapi.org#28: the movie's credits — cast in TMDB's order (one without a character), crew: the director listed twice
  82. // (one entry), also a writer; 8 more writers (9 > 6 → the crew's "Show all"), screenplay, story, the composer; an assistant
  83. // director (not shown) and an adult crew member (left out)
  84. const gateMovieCredits = () => ({
  85. cast: [{ id: 3210, name: 'Movie Star', character: 'Hero', order: 0 }, { id: 3211, name: 'Movie Sidekick', character: 'Sidekick', order: 1 }, { id: 3212, name: 'Uncredited Extra', character: '', order: 2 }],
  86. crew: [{ id: 3201, name: 'Film Director', department: 'Directing', job: 'Director' }, { id: 3201, name: 'Film Director', department: 'Directing', job: 'Director' },
  87. { id: 3201, name: 'Film Director', department: 'Writing', job: 'Writer' }, ...Array.from({ length: 8 }, (_, k) => ({ id: 3221 + k, name: 'Writer Pool ' + (k + 1), department: 'Writing', job: 'Writer' })),
  88. { id: 3202, name: 'Screen Writer', department: 'Writing', job: 'Screenplay' }, { id: 3203, name: 'Story Author', department: 'Writing', job: 'Story' },
  89. { id: 3204, name: 'Film Composer', department: 'Sound', job: 'Original Music Composer' }, { id: 3205, name: 'Assistant Helper', department: 'Directing', job: 'Assistant Director' },
  90. { id: 3206, name: 'Adult Crew', department: 'Directing', job: 'Director', adult: true }] });
  91. const gateTmdbMovies = () => ({ 1003: { id: 1003, title: 'Gate Test Movie', poster_path: '/gate3.png', external_ids: { imdb_id: 'tt0000003', wikidata_id: 'Q1' }, credits: gateMovieCredits() },
  92. // tracker.worldapi.org#14: a movie only TMDB has — imported from the search
  93. 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' } },
  94. // mission 054 (tests/seed-adult.hl): what TMDB says about the titles whose adult flag we don't know yet; 1120 is unknown (404)
  95. 1011: { id: 1011, title: 'Adult Gate Movie', adult: true, poster_path: '/flag11.png' },
  96. 1012: { id: 1012, title: 'Flagless Gate Movie', adult: false, poster_path: '/flag12.png', external_ids: { imdb_id: 'tt0001012' } },
  97. 1013: { id: 1013, title: 'Flagless Adult Movie', adult: true, poster_path: '/flag13.png', external_ids: {} },
  98. // (#28: their credits come with the credits job)
  99. ...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: {},
  100. credits: { cast: [{ id: 3170, name: 'Backfill Cast', character: 'Role ' + (k + 1) }], crew: [{ id: 3171, name: 'Backfill Director', job: 'Director' }] } }])),
  101. // tracker.worldapi.org#26: the full details of titles Test Actor's filmography adds as MINIMAL records (#16) — Person Film One
  102. // (opened in the gate: homepage, tagline, a 2nd genre, IMDb id, poster, cast = Test Actor (we have him), a NEW person and an
  103. // ADULT person (left out)); Directed Only, Announced Film and Bulk Film 01–78 for the repair job; Bulk Film 79/80 are
  104. // unknown to TMDB (404)
  105. 2001: { id: 2001, title: 'Person Film One', poster_path: '/pf1.png', release_date: '2010-05-05', overview: 'TMDB overview of the film', status: 'Released',
  106. homepage: 'https://example.org/pf1', tagline: 'One film.', genres: [{ id: 18, name: 'Drama' }, { id: 35, name: 'Comedy' }], external_ids: { imdb_id: 'tt0002001' },
  107. credits: { cast: [{ id: 3002, name: 'Test Actor', character: 'Hero', order: 0 }, { id: 3010, name: 'New Cast Member', character: 'Partner', order: 1, gender: 1 },
  108. { id: 3011, name: 'Adult Performer', character: 'Z', order: 2, adult: true }], crew: [{ id: 3002, name: 'Test Actor', job: 'Director' }] } },
  109. 2004: { id: 2004, title: 'Announced Film', poster_path: '/af4.png', external_ids: { imdb_id: 'tt0002004' }, credits: { cast: [{ id: 3002, name: 'Test Actor', character: 'Villain' }] } },
  110. 2005: { id: 2005, title: 'Directed Only', poster_path: '/do5.png', release_date: '2018-08-08', external_ids: {}, credits: { cast: [] } },
  111. ...Object.fromEntries(Array.from({ length: 78 }, (_, k) => [2101 + k, { id: 2101 + k, title: 'Bulk Film ' + String(k + 1).padStart(2, '0'), poster_path: `/bulk${k + 1}.png`,
  112. external_ids: { imdb_id: 'tt00' + (2101 + k) }, credits: { cast: [{ id: 3002, name: 'Test Actor', character: 'Extra' }] } }])) });
  113. // tracker.worldapi.org#15: TVmaze's episode lists — at first the SAME as TMDB's (same numbers, same days, + a special without
  114. // a number that must be ignored), so the first syncs take nothing from TVmaze; the "TVmaze merge" block below changes them.
  115. const gateTvmazeEpisodes = () => ({
  116. 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' },
  117. { 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' },
  118. { 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' },
  119. { id: 8099, season: 3, number: null, name: 'A TVmaze Special', airdate: '2021-06-01', type: 'significant_special' }],
  120. 502: [{ id: 8101, season: 1, number: 1, name: 'Brand New', airdate: '2097-01-01' }],
  121. });
  122. // tracker.worldapi.org#26: Person Series (tmdb 2002) is TVmaze 602 (by its imdb id), which has one episode more than TMDB
  123. const gateTvmaze = () => ({ imdb: { tt0000001: 501, tt0002002: 602 }, thetvdb: { 4002: 502, 4004: 504 }, episodes: { ...gateTvmazeEpisodes(),
  124. 602: [{ id: 60201, season: 1, number: 1, name: 'Series Pilot', airdate: '2015-03-03' }, { id: 60202, season: 1, number: 2, name: 'Series Second', airdate: '2015-03-10' },
  125. { id: 60203, season: 1, number: 3, name: 'Only On TVmaze', airdate: '2015-03-17' }] } });
  126. // tracker.worldapi.org#14: TMDB's search/multi for "gate": the two titles we HAVE (tv 1001, movie 1003 — left out of the web
  127. // list), a person (dropped), and three new ones: tv 1004 + movie 1005 (importable) and tv 1006 (in the search, but its details
  128. // answer 404 — the failed import)
  129. const gateSearch = () => ({ gate: [
  130. { media_type: 'tv', id: 1001, name: 'Gate Test Show', first_air_date: '2024-01-01', poster_path: '/gate1.png', overview: 'have it' },
  131. { media_type: 'tv', id: 1004, name: 'Gate Import Show', first_air_date: '2023-02-02', poster_path: '/gate4.png', overview: 'new series' },
  132. { media_type: 'person', id: 77, name: 'Gate Person' },
  133. { media_type: 'movie', id: 1003, title: 'Gate Test Movie', release_date: '1996-11-18', poster_path: '/gate3.png' },
  134. { media_type: 'movie', id: 1005, title: 'Gate Import Movie', release_date: '2001-05-05', poster_path: null, overview: 'new movie' },
  135. { media_type: 'tv', id: 1006, name: 'Gate Broken Show', first_air_date: '', poster_path: '/gate6.png' },
  136. // mission 054: an ADULT title in TMDB's answer (despite include_adult=false) — never in our web list
  137. { media_type: 'movie', id: 1030, title: 'Gate Adult Web', adult: true, release_date: '2002-02-02', poster_path: '/gate30.png' }] });
  138. // tracker.worldapi.org#16: TMDB's people. Test Actor (3002): facts + a photo; credits = two titles we HAVE (tv 1001, movie 1003),
  139. // new ones — a movie as cast AND crew ("Hero / Director"), a series, an ADULT movie (stored, never shown), an undated one (last),
  140. // a crew-only one, and 80 more movies (87 titles → 3 batches of 40 after the TMDB step). Second Actor (3003): two titles that
  141. // exist by then. Complete Person (3001) must never be asked.
  142. const gatePersons = () => {
  143. const bulk = [];
  144. 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: [] });
  145. return {
  146. 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,
  147. combined_credits: {
  148. cast: [
  149. { media_type: 'tv', id: 1001, name: 'Gate Test Show', first_air_date: '2024-01-01', character: 'Someone', poster_path: '/gate1.png' },
  150. { media_type: 'movie', id: 1003, title: 'Gate Test Movie', release_date: '1996-11-18', character: 'Cameo', poster_path: '/gate3.png' },
  151. { 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' },
  152. { 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] },
  153. { media_type: 'movie', id: 2003, title: 'Hidden Adult Film', release_date: '2012-01-01', character: 'X', adult: true, poster_path: null },
  154. { media_type: 'movie', id: 2004, title: 'Announced Film', release_date: '', character: 'Villain', adult: false, poster_path: null },
  155. ...bulk],
  156. crew: [
  157. { media_type: 'movie', id: 2001, title: 'Person Film One', release_date: '2010-05-05', job: 'Director', adult: false, poster_path: '/pf1.png' },
  158. { media_type: 'movie', id: 2005, title: 'Directed Only', release_date: '2018-08-08', job: 'Writer', adult: false, poster_path: null }] } },
  159. 3003: { id: 3003, name: 'Second Actor', biography: '', birthday: null, deathday: null, place_of_birth: null, profile_path: null,
  160. combined_credits: { cast: [{ media_type: 'movie', id: 2001, title: 'Person Film One', release_date: '2010-05-05', character: 'Sidekick', poster_path: '/pf1.png' },
  161. { media_type: 'tv', id: 1001, name: 'Gate Test Show', first_air_date: '2024-01-01', character: 'Guest', poster_path: '/gate1.png' },
  162. // TMDB's credit says not adult, but OUR record of it is (adult = true, stored by Test Actor's fill): still hidden
  163. { media_type: 'movie', id: 2003, title: 'Hidden Adult Film', release_date: '2012-01-01', character: 'Y', adult: false }], crew: [] } },
  164. 3001: { id: 3001, name: 'Complete Person', combined_credits: { cast: [{ media_type: 'movie', id: 2999, title: 'Must Not Appear', release_date: '2000-01-01' }], crew: [] } },
  165. // mission 062: the guest stars of Gate Test Show (no person records until opened)
  166. 3142: { id: 3142, name: 'Guest Star One', biography: '', profile_path: null,
  167. combined_credits: { cast: [{ media_type: 'tv', id: 1001, name: 'Gate Test Show', first_air_date: '2024-01-01', character: 'Stranger', poster_path: '/gate1.png' }], crew: [] } },
  168. 3141: { id: 3141, name: 'Guest Star Two', biography: '', profile_path: null, combined_credits: { cast: [], crew: [] } },
  169. // tracker.worldapi.org#26: a person who came with Person Film One's cast
  170. 3010: { id: 3010, name: 'New Cast Member', biography: '', profile_path: null,
  171. combined_credits: { cast: [{ media_type: 'movie', id: 2001, title: 'Person Film One', release_date: '2010-05-05', character: 'Partner', poster_path: '/pf1.png' }], crew: [] } },
  172. };
  173. };
  174. // tracker.worldapi.org#28: show 1001's cast of ALL seasons (aggregate_credits, by episode count): Lead Player (6), Test Actor (5, we
  175. // have him), Ensemble Player 01–18 (4 each), Late Season Star (3 — only in season 3), then the guests (the show has 6 episodes →
  176. // main cast ≥ 3): Guest Star Two (2), Guest Star One (1); an adult one left out = 23 names, 20 shown. Crew: Show Creator
  177. // (created_by AND writer of 5), two directors, a writer who also has a story credit, the composer; a script supervisor (not shown)
  178. const gateShowCredits = () => ({
  179. // (Lead Player's roles as TMDB writes them on real data: combined, repeated, "(uncredited)", more than 4 → "The Lead / Twin / Mirror / Ghost / …")
  180. cast: [{ id: 3101, name: 'Lead Player', roles: [{ character: 'The Lead / Twin', episode_count: 4 }, { character: 'The Lead (uncredited)', episode_count: 1 }, { character: 'Twin', episode_count: 1 },
  181. { character: 'Mirror', episode_count: 1 }, { character: 'Ghost / The Lead', episode_count: 1 }, { character: 'Narrator', episode_count: 1 }], total_episode_count: 6 },
  182. { id: 3002, name: 'Test Actor', roles: [{ character: 'Someone', episode_count: 5 }], total_episode_count: 5 },
  183. ...Array.from({ length: 18 }, (_, k) => ({ id: 3111 + k, name: 'Ensemble Player ' + String(k + 1).padStart(2, '0'), roles: [{ character: 'Crew Member ' + (k + 1), episode_count: 4 }], total_episode_count: 4 })),
  184. { id: 3140, name: 'Late Season Star', roles: [{ character: 'New Captain', episode_count: 2 }, { character: 'Captain', episode_count: 1 }], total_episode_count: 3 },
  185. { id: 3143, name: 'Adult Cast', adult: true, roles: [{ character: 'Q', episode_count: 3 }], total_episode_count: 3 },
  186. { id: 3141, name: 'Guest Star Two', roles: [{ character: 'Visitor', episode_count: 2 }], total_episode_count: 2 },
  187. { id: 3142, name: 'Guest Star One', roles: [{ character: 'Stranger', episode_count: 1 }], total_episode_count: 1 }],
  188. crew: [{ id: 3151, name: 'Episode Director', department: 'Directing', jobs: [{ job: 'Director', episode_count: 4 }], total_episode_count: 4 },
  189. { id: 3152, name: 'Staff Writer', department: 'Writing', jobs: [{ job: 'Writer', episode_count: 3 }, { job: 'Story', episode_count: 1 }], total_episode_count: 4 },
  190. { id: 3155, name: 'Second Director', department: 'Directing', jobs: [{ job: 'Director', episode_count: 2 }], total_episode_count: 2 },
  191. { id: 3150, name: 'Show Creator', department: 'Writing', jobs: [{ job: 'Writer', episode_count: 5 }], total_episode_count: 5 },
  192. { id: 3153, name: 'Theme Composer', department: 'Sound', jobs: [{ job: 'Original Music Composer', episode_count: 6 }], total_episode_count: 6 },
  193. { id: 3154, name: 'Script Keeper', department: 'Directing', jobs: [{ job: 'Script Supervisor', episode_count: 6 }], total_episode_count: 6 }] });
  194. const gateTmdbShows = () => ({
  195. 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 },
  196. created_by: [{ id: 3150, name: 'Show Creator' }], aggregate_credits: gateShowCredits(), seasons: [
  197. { 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' }] },
  198. { id: 91, season_number: 1, name: 'Season 1', air_date: '2020-01-01', episodes: [
  199. { id: 5001, episode_number: 1, name: 'Pilot', air_date: '2020-01-01' },
  200. { id: 5002, episode_number: 2, name: 'Second Episode', air_date: '2020-06-15' },
  201. { id: 5003, episode_number: 3, name: 'Third', air_date: '2020-09-01' }] },
  202. { 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' }] },
  203. { id: 93, season_number: 3, name: 'Season 3', air_date: '2021-05-05', episodes: [
  204. { id: 5005, episode_number: 1, name: 'Third Season Start', air_date: '2021-05-05' },
  205. { id: 5006, episode_number: 2, name: 'Coming Soon', air_date: '2098-06-01' }] }] },
  206. // tracker.worldapi.org#14: NOT in our database — imported from the search (no one follows it, the sync never asks for it)
  207. 1004: { id: 1004, name: 'Gate Import Show', overview: 'an imported series', status: 'Returning Series', poster_path: '/gate4.png', first_air_date: '2023-02-02',
  208. original_language: 'en', genres: [{ id: 18, name: 'Drama' }, { id: 10765, name: 'Sci-Fi & Fantasy' }], external_ids: { imdb_id: 'tt0000004', tvdb_id: 4004 },
  209. // tracker.worldapi.org#28: an imported title has its cast + crew at once
  210. created_by: [{ id: 3161, name: 'Import Creator' }], aggregate_credits: { cast: [{ id: 3160, name: 'Imported Lead', roles: [{ character: 'Captain', episode_count: 2 }], total_episode_count: 2 }], crew: [] }, seasons: [
  211. { id: 95, season_number: 1, name: 'Season 1', air_date: '2023-02-02', episodes: [
  212. { 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' }] }] },
  213. // mission 054: a series whose adult flag we don't know yet (tests/seed-adult.hl) — TMDB says not adult
  214. 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: [
  215. { 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' }] }] },
  216. // tracker.worldapi.org#26: Test Actor's filmography adds it as a MINIMAL record; opened in the gate → its full details
  217. 2002: { id: 2002, name: 'Person Series', overview: 'TMDB overview of the series', status: 'Ended', poster_path: '/ps2.png', first_air_date: '2015-03-03', homepage: 'https://example.org/ps2',
  218. original_language: 'en', genres: [{ id: 18, name: 'Drama' }], external_ids: { imdb_id: 'tt0002002', tvdb_id: 4202 },
  219. aggregate_credits: { cast: [{ id: 3002, name: 'Test Actor', roles: [{ character: 'Lead', episode_count: 2 }, { character: 'Narrator', episode_count: 1 }] },
  220. { id: 3012, name: 'Series Newcomer', roles: [{ character: 'Friend', episode_count: 2 }] }] }, seasons: [
  221. { id: 97, season_number: 1, name: 'Season 1', air_date: '2015-03-03', episodes: [
  222. { id: 9701, episode_number: 1, name: 'Series Pilot', air_date: '2015-03-03' }, { id: 9702, episode_number: 2, name: 'Series Second', air_date: '2015-03-10' }] },
  223. { id: 98, season_number: 2, name: 'Season 2', air_date: '2016-04-04', episodes: [{ id: 9801, episode_number: 1, name: 'Second Season Start', air_date: '2016-04-04' }] }] },
  224. 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: [
  225. { 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' }] }] },
  226. });
  227. async function main() {
  228. ident = await startIdent({ identDir: IDENT_DIR, workDir: join(STORE, 'ident'), port: IDENT_PORT });
  229. const alice = await ident.signIn('[email protected]');
  230. const APPKEY = await ident.registerApp(alice, 'tracker (gate)', [BASE]);
  231. 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')));
  232. // tracker.worldapi.org#5: learn alice's per-app identity (a throwaway code, consumed here) so the
  233. // fixture below can seed a follow for the SAME user the real login flow will later resolve to
  234. // (users.hl `ensureUser` matches an existing users.db row by `identity`, reusing its id) — this is
  235. // the only way to give /unwatched a known followed show before the browser ever signs in.
  236. const preCode = await ident.selectorCode(alice, APPKEY, BASE);
  237. const aliceIdentity = await ident.exchange(APPKEY, preCode);
  238. // tracker.worldapi.org#4/#5: a tiny fixture show (tests/seed-show.hl) — written BEFORE the server
  239. // starts, self-assigned ids only (never update(), see that file's header)
  240. const MPACKDB = join(STORE, 'mpackdb');
  241. mkdirSync(MPACKDB, { recursive: true });
  242. const seedOut = execFileSync(join(APP, 'bin/hybriel'), ['tests/seed-show.hl'], { cwd: APP, env: { ...process.env, TRACKER_STORAGE: MPACKDB, TRACKER_SEED_IDENTITY: aliceIdentity } }).toString();
  243. check('seed: the fixture show was written, alice follows it', seedOut.includes('gate-test-show') && seedOut.includes('follows it'), seedOut);
  244. // tracker.worldapi.org#8: the fixture show's poster FILE exists (a 1×1 png), the second show has none →
  245. // /my/shows must give the first its own /posters/sh1.png and the second the one placeholder URL /posters/none
  246. mkdirSync(join(MPACKDB, 'posters'), { recursive: true });
  247. writeFileSync(join(MPACKDB, 'posters', 'sh1.png'), Buffer.from('iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==', 'base64'));
  248. // tracker.worldapi.org#9: the fake TMDB. EVERY run of the app/tool in this gate points at it with the gate's own
  249. // token — the runtime loads the project's real .env (TMDB_READ_TOKEN) by itself, the environment given here wins
  250. tmdb = await startFakeTmdb({ port: TMDB_PORT, shows: gateTmdbShows(), movies: gateTmdbMovies(), tvmaze: gateTvmaze(), search: gateSearch(), persons: gatePersons() });
  251. 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' };
  252. // mission 060 (tracker#27): the gate's own file of OLD short ids (the real one maps the old export's 702) — Gate Test Show's oldId
  253. // sh1 had '100jh'; '100ji' belonged to a show we don't have (reserved: never handed out)
  254. const OLD_SHORT_IDS = join(STORE, 'old-short-ids.json');
  255. writeFileSync(OLD_SHORT_IDS, JSON.stringify({ sh1: '100jh', 'gone-old': '100ji' }));
  256. // the short ids in the gate's storage, counted (tools/count-short-ids.hl — app stopped); per table [rows, withShortId, without, malformed]
  257. const countShortIds = () => execFileSync(join(APP, 'bin/hybriel'), ['tools/count-short-ids.hl'], { cwd: APP, env: { ...process.env, TRACKER_STORAGE: MPACKDB, TRACKER_OLD_SHORT_IDS: OLD_SHORT_IDS } }).toString();
  258. const rowsOf = (c, kind) => (c.match(new RegExp(kind + 's rows=(\\d+) withShortId=(\\d+) without=(\\d+) malformed=(\\d+)')) || []).slice(1).map(Number);
  259. // mission 062: every person / show has one, none twice (after a path that CREATES records, before the next start's backfill)
  260. const allHaveShortIds = (c) => { const p = rowsOf(c, 'person'), sh = rowsOf(c, 'show'); return p.length === 4 && p[0] > 0 && p[0] === p[1] && p[2] === 0 && p[3] === 0 && sh[0] === sh[1] && sh[2] === 0 && c.includes('duplicates across shows+persons=0'); };
  261. const sidOfHtml = (html) => (html.match(/id="shortid"[^>]*>([a-z0-9]{5})</) || [])[1] || null;
  262. const startServer = async (extra = {}) => {
  263. log = '';
  264. 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',
  265. 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', TRACKER_REPAIR: '0', TRACKER_CREDITS: '0', TRACKER_DETAILS_PART_EPISODES: '1', TRACKER_OLD_SHORT_IDS: OLD_SHORT_IDS, ...extra }, stdio: ['ignore', 'pipe', 'pipe'] });
  266. server.stdout.on('data', d => log += d); server.stderr.on('data', d => log += d);
  267. for (let i = 0; ; i++) {
  268. try { if ((await fetch(BASE + '/')).ok) break; } catch {}
  269. if (i > 80) throw new Error('tracker did not come up\n' + log);
  270. await new Promise(r => setTimeout(r, 250));
  271. }
  272. };
  273. await startServer();
  274. check('tracker is up', true);
  275. // mission 060: the FIRST start gives every fixture record its short id in the background (the old one for sh1)
  276. for (let i = 0; i < 100 && !/short ids done/.test(log); i++) await new Promise(r => setTimeout(r, 100));
  277. const firstShortIds = log.split('\n').filter(l => l.startsWith('short ids')).join('\n');
  278. check('short ids: the first start finds every record without one, gives them theirs in the background, the old one kept (oldKept=1)',
  279. /short ids: (\d+) records, 0 with a short id, \1 without, 2 old ids/.test(firstShortIds) && /short ids: backfill start, \d+ records, 40 ms per batch/.test(firstShortIds)
  280. && /short ids done: assigned=\d+ oldKept=1 /.test(firstShortIds), firstShortIds);
  281. browser = await launchBrowser({ debugPortRange: [CH_FROM, CH_TO] });
  282. const page = await browser.newPage();
  283. globalThis.__gatePage = page;
  284. page.captureNetwork();
  285. await page.captureWs(); // tracker#17: which faces a season click sends (wsSent)
  286. // tracker#17: a FAKE DELAY for one face — while `window.__delayFace = { name, ms }` is set, an outgoing websocket frame
  287. // naming that face is sent `ms` later (the real socket, only held back), so the gate sees the state BEFORE the answer
  288. await page.addInitScript(`(() => {
  289. const Native = window.WebSocket;
  290. if (!Native) return;
  291. window.WebSocket = class extends Native {
  292. send(d) {
  293. const f = window.__delayFace;
  294. if (f && String(d).includes(f.name)) { setTimeout(() => super.send(d), f.ms); return; }
  295. return super.send(d);
  296. }
  297. };
  298. })()`);
  299. const ev = (e) => page.evaluate(e);
  300. const hydrated = () => page.waitFor('!!window.__hl && window.__hl.socket && window.__hl.socket.readyState === 1', { timeout: 15000, label: 'hydrated' });
  301. // tracker#29: how a REAL check on the page looks (no copy): scrolled into view, the pointer moved off it (hover is accent);
  302. // its circle's fill + stroke and the check's stroke (computed), whether it is the topmost element there, and the SCREENSHOT
  303. // pixel inside the disc off the check mark (svg point 12,6) — background when empty, accent when solid
  304. const checkLook = async (sel) => {
  305. await page.send('Input.dispatchMouseEvent', { type: 'mouseMoved', x: 0, y: 0 });
  306. const g = JSON.parse(await ev(`JSON.stringify((() => { const b = document.querySelector(${JSON.stringify(sel)}); if (!b) return null; b.scrollIntoView({ block: 'center' });
  307. const s = b.querySelector('svg').getBoundingClientRect(), c = getComputedStyle(b.querySelector('circle')), p = getComputedStyle(b.querySelector('path'));
  308. const x = s.left + s.width * 12 / 24, y = s.top + s.height * 6 / 24, top = document.elementFromPoint(x, y);
  309. return { cls: b.getAttribute('class'), w: s.width, x: x + scrollX, y: y + scrollY, onTop: !!top && (top === b || b.contains(top)), fill: c.fill, stroke: c.stroke, mark: p.stroke }; })())`));
  310. if (!g) return null;
  311. const shot = await page.send('Page.captureScreenshot', { format: 'png', clip: { x: g.x, y: g.y, width: 1, height: 1, scale: 1 } });
  312. g.pixel = pngFirstPixel(Buffer.from(shot.data, 'base64'));
  313. return g;
  314. };
  315. // mission 047: every check icon AND season caret on the page is a real SVG element (not XHTML) and actually drawn
  316. const svgState = () => ev(`JSON.stringify((() => {
  317. const svgs = Array.from(document.querySelectorAll('button.checkicon svg, season-caret svg'));
  318. const shapes = Array.from(document.querySelectorAll('button.checkicon svg circle, button.checkicon svg path, season-caret svg path'));
  319. return { svgs: svgs.length, badNs: svgs.concat(shapes).filter(e => e.namespaceURI !== 'http://www.w3.org/2000/svg').length,
  320. undrawn: Array.from(document.querySelectorAll('button.checkicon svg circle')).filter(c => !(c.getBoundingClientRect().width > 0)).length };
  321. })())`);
  322. const svgOk = (st) => { const v = JSON.parse(st); return v.svgs > 0 && v.badNs === 0 && v.undrawn === 0; };
  323. // the caret's direction per season row, top to bottom (tracker#17): 'down' (closed, no transform) or 'up' (open,
  324. // rotate(180deg) = matrix(-1, 0, 0, -1, 0, 0)); waits out the caret's .15 s transition first
  325. const carets = async () => { await new Promise(r => setTimeout(r, 250)); return ev(`JSON.stringify(Array.from(document.querySelectorAll('season-row')).map(r => {
  326. const t = getComputedStyle(r.querySelector('season-caret')).transform;
  327. if (t === 'none') return 'down';
  328. const m = t.startsWith('matrix(') ? t.slice(7, -1).split(',').map(Number) : [];
  329. return m.length === 6 && Math.abs(m[0] + 1) < 1e-6 && Math.abs(m[3] + 1) < 1e-6 && Math.abs(m[1]) < 1e-6 ? 'up' : t;
  330. }))`); };
  331. // tracker.worldapi.org#12: the header's link icons as [label, href, target, rel], in order
  332. 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')]))`);
  333. const linksAre = (got, want) => JSON.stringify(JSON.parse(got)) === JSON.stringify(want.map(([l, h]) => [l, h, '_blank', 'noopener']));
  334. 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/';
  335. // 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.
  336. // The new tab is closed again at once (it would load the real site).
  337. const clickOpensNewTab = async (sel) => {
  338. const seen = new Map();
  339. const off = browser.conn.onEvent((m) => {
  340. if ((m.method === 'Target.targetCreated' || m.method === 'Target.targetInfoChanged') && m.params.targetInfo.type === 'page') seen.set(m.params.targetInfo.targetId, m.params.targetInfo);
  341. });
  342. await browser.conn.send('Target.setDiscoverTargets', { discover: true });
  343. const known = new Set(seen.keys());
  344. const before = await ev('location.href');
  345. await page.click(sel);
  346. const fresh = () => [...seen.values()].find(i => !known.has(i.targetId) && i.url && i.url !== 'about:blank');
  347. for (let i = 0; i < 100 && !fresh(); i++) await new Promise(r => setTimeout(r, 50));
  348. const tab = fresh();
  349. off();
  350. await browser.conn.send('Target.setDiscoverTargets', { discover: false });
  351. if (tab) await browser.conn.send('Target.closeTarget', { targetId: tab.targetId }).catch(() => {});
  352. return { url: tab ? tab.url : null, canAccessOpener: tab ? tab.canAccessOpener : null, stayed: (await ev('location.href')) === before };
  353. };
  354. // tracker.worldapi.org#13: the poster tiles of a row/grid as "title|year|href|poster"
  355. 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);
  356. const titlesOf = async (sel) => (await tilesOf(sel)).map(t => t.split('|')[0]);
  357. // tracker.worldapi.org#28: the show page's cast + crew — every cast link [name, data-role, href]; what is VISIBLE, in order
  358. // (labels as "[Guest stars]"); the toggles' visible text; the ::after (character + comma) of a cast link by index
  359. const credits = () => ev(`JSON.stringify((() => {
  360. const vis = (e) => !!e && e.getClientRects().length > 0;
  361. const seq = (sel) => Array.from(document.querySelectorAll(sel)).filter(vis).map(e => /-LABEL$/.test(e.tagName) ? '[' + e.textContent + ']' : e.textContent);
  362. const cast = Array.from(document.querySelectorAll('show-cast a.artist-link'));
  363. const toggle = (id) => { const b = document.getElementById(id); return b && vis(b) ? Array.from(b.children).filter(vis).map(c => c.textContent).join('') : null; };
  364. return { cast: cast.map(a => [a.textContent, a.getAttribute('data-role'), a.getAttribute('href')]), castSeen: seq('show-cast a.artist-link, show-cast cast-label'),
  365. crew: Array.from(document.querySelectorAll('show-crew a.crew-link')).map(a => [a.textContent, a.getAttribute('href')]), crewSeen: seq('show-crew a.crew-link, show-crew crew-label'),
  366. castToggle: toggle('casttoggle'), crewToggle: toggle('crewtoggle'), after: cast.map(a => getComputedStyle(a, '::after').content), scrollW: document.documentElement.scrollWidth };
  367. })())`).then(JSON.parse);
  368. const movieRange = (from, to) => { const o = []; for (let i = from; i >= to; i--) o.push('Pager Movie ' + String(i).padStart(2, '0')); return o; };
  369. 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);
  370. // hybriel 64527baa (in the vendored ff51cf46): a face taking `session` also answers with a sync of every member derived
  371. // from session — a handler that ALSO appended the returned row would show it twice. After every face-driven change:
  372. // each row (by its button value) once. Waits 400 ms first so a late sync has landed.
  373. 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 }; })())`)); };
  374. const modalOpen = () => ev(`!!(document.querySelector('dialog#signin') && document.querySelector('dialog#signin').open)`);
  375. const loginAs = async (who) => {
  376. const code = await ident.selectorCode(who, APPKEY, BASE);
  377. await page.goto(BASE + '/login/callback?ident_code=' + code);
  378. await page.waitForSelector('#logout');
  379. await hydrated();
  380. };
  381. // ---- signed out: header shows the selector + "Log in with ident", the page itself is empty ----
  382. await page.goto(BASE + '/');
  383. await hydrated();
  384. check('signed out: the identity selector is in the header', await ev(`!!document.querySelector('#selector')`));
  385. check('signed out: "Log in with ident" shows, no "Log out"', (await ev(`!!document.querySelector('#loginbutton')`)) && !(await ev(`!!document.querySelector('#logout')`)));
  386. // mission 056: signed out on a phone the header is ONE row ("choose ident" + "Log in" never wrap); " with ident" from 40rem on
  387. const headerRow = () => ev(`JSON.stringify((() => { const h = document.querySelector('application-header').getBoundingClientRect();
  388. const parts = [document.querySelector('application-header .brand'), document.querySelector('#searchlink'), document.querySelector('#selector'), document.querySelector('#loginbutton')].map(e => e.getBoundingClientRect());
  389. 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))),
  390. sw: document.documentElement.scrollWidth, text: document.querySelector('#loginbutton').innerText.trim(), choose: document.querySelector('#selector').shadowRoot.querySelector('[part~="button"]').getBoundingClientRect().height }; })())`).then(JSON.parse);
  391. const rows56 = {};
  392. for (const [w, mobile] of [[320, true], [390, true], [1280, false]]) {
  393. await page.send('Emulation.setDeviceMetricsOverride', { width: w, height: 800, deviceScaleFactor: mobile ? 2 : 1, mobile });
  394. await page.goto(BASE + '/');
  395. await hydrated();
  396. await page.waitFor(`!!document.querySelector('#selector').shadowRoot && !!document.querySelector('#selector').shadowRoot.querySelector('[part~="button"]')`, { timeout: 5000, label: 'selector drawn' });
  397. rows56[w] = await headerRow();
  398. 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'));
  399. }
  400. await page.send('Emulation.clearDeviceMetricsOverride', {});
  401. await page.goto(BASE + '/');
  402. await hydrated();
  403. 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"',
  404. [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));
  405. // ---- tracker.worldapi.org#13: the homepage signed OUT — no icon tiles, the text, "Movies" (→ /movies) with the 10
  406. // latest RELEASED movies (not the 2099 one), "Shows" (→ /shows) with the series by newest released episode ----
  407. 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
  408. && /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`)));
  409. 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');
  410. let tl = await tilesOf('#home-movies');
  411. 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',
  412. 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));
  413. tl = await tilesOf('#home-shows');
  414. 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)',
  415. 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));
  416. 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))`));
  417. // ---- tracker.worldapi.org#4: /shows/:slug signed OUT — the header/genres/cast show, no checks ----
  418. await page.goto(BASE + '/shows/gate-test-show');
  419. await hydrated();
  420. check('signed out: the show header renders (title, genre, cast)', (await ev(`document.querySelector('show-header h1').textContent`)) === 'Gate Test Show'
  421. && (await ev(`document.querySelector('.genre-pill').textContent`)) === 'Drama'
  422. && (await ev(`document.querySelector('.artist-link').textContent`)) === 'Test Actor');
  423. // ---- tracker.worldapi.org#12: link icons only for the ids the show has (before any sync: show 1 has tmdb + imdb) ----
  424. let lk = await extLinks();
  425. check('link icons: show 1 (tmdbId + imdbId only) has exactly TMDB (tv/1001) and IMDb (tt0000001), each target=_blank rel=noopener',
  426. linksAre(lk, [['TMDB', TMDB_TV + '1001'], ['IMDb', IMDB + 'tt0000001/']]), lk);
  427. check('link icons: monochrome badges (one colour for all, no image), small (≤ 1.6rem high)',
  428. (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) })()`)));
  429. const nt = await clickOpensNewTab('a.extlink[data-site="imdb"]');
  430. 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));
  431. await page.goto(BASE + '/shows/unwatched-gate-show');
  432. await hydrated();
  433. lk = await extLinks();
  434. 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);
  435. await page.goto(BASE + '/shows/gate-test-movie');
  436. await hydrated();
  437. lk = await extLinks();
  438. check('link icons: a movie (tmdbId only) has exactly TMDB as /movie/1003', linksAre(lk, [['TMDB', TMDB_MOVIE + '1003']]), lk);
  439. await page.goto(BASE + '/shows/gate-test-show');
  440. await hydrated();
  441. check('signed out: the latest season (2) is expanded, season 1 collapsed', (await ev(`document.querySelectorAll('episode-row').length`)) === 1);
  442. // ---- mission 058 (tracker#22): every episode row shows its air date (rendered on the server); (#25) the genre pill → /genres/<genre>
  443. check('#22: the episode row shows its air date (S02E01 "Season Two Opener" 2099-01-01), at the row\'s right, muted',
  444. (await ev(`document.querySelector('episode-row episode-date').textContent`)) === '2099-01-01'
  445. && (await ev(`(() => { const r = document.querySelector('episode-row'), d = r.querySelector('episode-date'), t = r.querySelector('episode-title'); return d.getBoundingClientRect().left >= t.getBoundingClientRect().right && getComputedStyle(d).color !== getComputedStyle(t).color })()`)));
  446. check('#25: the genre pill links to /genres/Drama', (await ev(`document.querySelector('.genre-pill').getAttribute('href')`)) === '/genres/Drama');
  447. // mission 047: signed out the checks and "Follow" are VISIBLE; a click opens the sign-in modal and writes nothing
  448. check('signed out (mission 047): the season + episode checks are visible (drawn SVG) and so is "Follow"',
  449. (await ev(`document.querySelectorAll('button.checkicon').length`)) === 3 && svgOk(await svgState())
  450. && (await ev(`document.querySelector('#follow').textContent`)) === 'Follow' && (await ev(`document.querySelector('#follow').getBoundingClientRect().width > 0`)), await svgState());
  451. check('signed out: the sign-in modal is closed at first', !(await modalOpen()));
  452. await page.click('button.checkicon[value="ep0000000000ep0e3"]');
  453. await page.waitFor(`document.querySelector('dialog#signin').open`, { timeout: 5000, label: 'modal after a check click' }).catch(() => {});
  454. 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',
  455. (await modalOpen()) && (await ev(`document.querySelector('dialog#signin p').textContent`)) === 'You need to sign in to follow shows and mark episodes.'
  456. && (await ev(`document.querySelector('#signin-link').getAttribute('href')`)).startsWith(ident.base + '/login?key=')
  457. && (await ev(`document.querySelector('#signin-link').getBoundingClientRect().width > 0`))
  458. && (await ev(`Array.from(document.querySelectorAll('dialog#signin footer button')).map(b => b.textContent).join()`)) === 'Close',
  459. await ev(`document.querySelector('dialog#signin') ? document.querySelector('dialog#signin').outerHTML.slice(0, 600) : 'no dialog'`));
  460. 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')); }
  461. await page.click('dialog#signin footer button');
  462. await page.waitFor(`!document.querySelector('dialog#signin').open`, { timeout: 5000, label: 'modal closed' }).catch(() => {});
  463. check('signed out: Close closes the modal; the check stayed unwatched (nothing written)', !(await modalOpen())
  464. && (await ev(`document.querySelector('button.checkicon[value="ep0000000000ep0e3"]').getAttribute('class')`)) === 'checkicon regular');
  465. await page.click('#follow');
  466. await page.waitFor(`document.querySelector('dialog#signin').open`, { timeout: 5000, label: 'modal after Follow' }).catch(() => {});
  467. check('signed out: "Follow" opens the same modal and stays "Follow"', (await modalOpen()) && (await ev(`document.querySelector('#follow').textContent`)) === 'Follow');
  468. await page.click('dialog#signin footer button');
  469. await page.click('button.checkicon[value="se000000000se0s1"]');
  470. await page.waitFor(`document.querySelector('dialog#signin').open`, { timeout: 5000, label: 'modal after a season check' }).catch(() => {});
  471. check('signed out: a SEASON check opens the modal too', await modalOpen());
  472. await page.click('dialog#signin footer button');
  473. await page.goto(BASE + '/shows/gate-test-show');
  474. await hydrated();
  475. check('signed out: after a reload every check is still unwatched (the clicks wrote nothing)',
  476. (await ev(`Array.from(document.querySelectorAll('button.checkicon')).every(b => b.getAttribute('class') === 'checkicon regular')`)));
  477. // ---- mission 058 (tracker#24): a MOVIE's page has a watched check (the episodes' icon); signed out a click opens the modal
  478. await page.goto(BASE + '/shows/gate-test-movie');
  479. await hydrated();
  480. const movieWatch = () => ev(`JSON.stringify((() => { const b = document.querySelector('#moviewatch'); return b ? { cls: b.getAttribute('class'), label: document.querySelector('movie-watch-label').textContent, n: document.querySelectorAll('#moviewatch').length,
  481. svg: b.querySelector('svg').namespaceURI === 'http://www.w3.org/2000/svg' && b.querySelector('circle').getBoundingClientRect().width > 0 } : null; })())`).then(JSON.parse);
  482. let mw = await movieWatch();
  483. check('#24 signed out: the movie page shows the watched check (drawn SVG, "checkicon regular") with "Not watched"; a series page has none',
  484. mw && mw.cls === 'checkicon regular' && mw.label === 'Not watched' && mw.svg && mw.n === 1, JSON.stringify(mw));
  485. await page.click('#moviewatch');
  486. await page.waitFor(`document.querySelector('dialog#signin').open`, { timeout: 5000, label: 'modal after the movie check' }).catch(() => {});
  487. check('#24 signed out: a click opens the sign-in modal ("You need to sign in to follow movies and mark them watched.", the ident link)',
  488. (await modalOpen()) && (await ev(`document.querySelector('dialog#signin p').textContent`)) === 'You need to sign in to follow movies and mark them watched.'
  489. && (await ev(`document.querySelector('#signin-link').getAttribute('href')`)).startsWith(ident.base + '/login?key='));
  490. if (process.env.TRACKER_GATE_SHOTS) writeFileSync(join(process.env.TRACKER_GATE_SHOTS, 'movie-signed-out-modal-1280.png'), Buffer.from((await page.send('Page.captureScreenshot', { format: 'png' })).data, 'base64'));
  491. await page.click('dialog#signin footer button');
  492. await page.goto(BASE + '/shows/gate-test-movie');
  493. await hydrated();
  494. mw = await movieWatch();
  495. check('#24 signed out: after a reload the movie is still not watched (nothing written)', mw && mw.cls === 'checkicon regular', JSON.stringify(mw));
  496. // ---- tracker.worldapi.org#5: /my/unwatched signed OUT — no rows, no checks ----
  497. await page.goto(BASE + '/my/unwatched');
  498. await hydrated();
  499. check('signed out: /my/unwatched shows no rows and asks to sign in', (await ev(`document.querySelectorAll('unwatched-row').length`)) === 0
  500. && (await ev(`document.querySelector('.muted').textContent`)) === 'Sign in to see the shows you follow.');
  501. // ---- tracker.worldapi.org#6: /my/schedule signed OUT — no rows, no checks ----
  502. await page.goto(BASE + '/my/schedule');
  503. await hydrated();
  504. check('signed out: /my/schedule shows no rows and asks to sign in', (await ev(`document.querySelectorAll('schedule-row').length`)) === 0
  505. && (await ev(`document.querySelector('.muted').textContent`)) === 'Sign in to see the shows you follow.');
  506. // ---- tracker.worldapi.org#7: /my/shows signed OUT — no rows, the same sign-in message ----
  507. await page.goto(BASE + '/my/shows');
  508. await hydrated();
  509. check('signed out: /my/shows shows no rows and asks to sign in', (await ev(`document.querySelectorAll('my-show-row').length`)) === 0
  510. && (await ev(`document.querySelector('.muted').textContent`)) === 'Sign in to see the shows you follow.');
  511. // ==== tracker.worldapi.org#14: THE SEARCH, signed OUT — the header's magnifier, our database as you type, "Fetch from web"
  512. // (the fake TMDB's search/multi), "Add" → the sign-in modal ====
  513. const searchFor = () => ev(`document.querySelector('search-page') ? document.querySelector('search-page').getAttribute('data-for') : null`);
  514. 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]))`);
  515. const searchPeople = () => ev(`JSON.stringify(Array.from(document.querySelectorAll('#people .search-person')).map(a => [a.textContent, a.getAttribute('href')]))`);
  516. 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]))`);
  517. const typeSearch = async (text) => {
  518. await page.type('#searchinput', text, { clear: true });
  519. await page.waitFor(`document.querySelector('search-page').getAttribute('data-for') === ${JSON.stringify(text)}`, { timeout: 10000, label: 'results for ' + text });
  520. };
  521. 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']];
  522. check('search: the header has the magnifier (a drawn SVG) linking to /search',
  523. (await ev(`document.querySelector('#searchlink').getAttribute('href')`)) === '/search'
  524. && (await ev(`(() => { const s = document.querySelector('#searchlink svg'); return s.namespaceURI === 'http://www.w3.org/2000/svg' && s.querySelector('circle').getBoundingClientRect().width > 0 })()`)));
  525. await ev(`window.__w052 = 'same document'`);
  526. await page.click('#searchlink');
  527. await page.waitFor(`location.pathname === '/search' && !!document.querySelector('#searchinput')`, { timeout: 10000, label: 'search page' });
  528. check('search: the magnifier opens /search (client-side), an empty search field and "Search our shows, movies and people."',
  529. (await ev('window.__w052')) === 'same document' && (await ev(`document.querySelector('#searchinput').value`)) === ''
  530. && (await ev(`document.querySelector('#searchnote').textContent`)) === 'Search our shows, movies and people.' && !(await ev(`!!document.querySelector('#fetchweb')`)));
  531. await typeSearch('g');
  532. 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')`)));
  533. await page.type('#searchinput', 'ate');
  534. await page.waitFor(`document.querySelector('search-page').getAttribute('data-for') === 'gate'`, { timeout: 10000, label: 'results for gate' });
  535. let st14 = await searchTitles();
  536. 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)',
  537. st14 === JSON.stringify(GATE_TITLES) && (await ev('location.pathname')) === '/search/gate' && (await ev('window.__w052')) === 'same document', st14);
  538. await typeSearch('test act');
  539. 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());
  540. await typeSearch('GATE tést');
  541. check('search: case and accents do not matter ("GATE tést" = gate test); the address carries the text encoded',
  542. (await searchTitles()) === JSON.stringify(GATE_TITLES.slice(0, 2)) && (await ev('location.pathname')) === '/search/GATE%20t%C3%A9st', (await searchTitles()) + ' ' + (await ev('location.pathname')));
  543. await typeSearch('zzqq');
  544. 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')`)));
  545. await page.goto(BASE + '/search/GATE%20t%C3%A9st');
  546. await hydrated();
  547. check('search: the address alone (reload / shared link) renders the same results on the server, the text in the field',
  548. (await ev(`document.querySelector('#searchinput').value`)) === 'GATE tést' && (await searchTitles()) === JSON.stringify(GATE_TITLES.slice(0, 2)) && (await searchFor()) === 'GATE tést');
  549. const bad14 = await fetch(BASE + '/search/x%zz');
  550. const bad14b = await fetch(BASE + '/search/%E0%80');
  551. check('search: a malformed address is no error — /search/x%zz 200 with the text taken literally, /search/%E0%80 (broken UTF-8) 200',
  552. bad14.status === 200 && (await bad14.text()).includes('value="x%zz"') && bad14b.status === 200 && (await bad14b.text()).includes('<search-page'), bad14.status + ' ' + bad14b.status);
  553. await typeSearch('gate/te');
  554. 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',
  555. (await ev('location.pathname')) === '/search/gate%20te' && (await searchTitles()) === JSON.stringify(GATE_TITLES.slice(0, 2)), await ev('location.pathname'));
  556. await page.goto(BASE + '/search/gate%20te');
  557. await hydrated();
  558. check('search: … reloaded', (await searchTitles()) === JSON.stringify(GATE_TITLES.slice(0, 2)) && (await ev(`document.querySelector('#searchinput').value`)) === 'gate te');
  559. await page.goto(BASE + '/search/gate');
  560. await hydrated();
  561. const searchesBefore = tmdb.searchRequests.length;
  562. await page.click('#fetchweb');
  563. await page.waitFor(`document.querySelectorAll('web-row').length > 0 || !!document.querySelector('#webnote')`, { timeout: 10000, label: 'web results' });
  564. let wl = await webList();
  565. const GATE_WEB = [['Gate Import Show (2023)', 'tv:1004', 'Series'], ['Gate Import Movie (2001)', 'movie:1005', 'Movie'], ['Gate Broken Show', 'tv:1006', 'Series']];
  566. 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',
  567. wl === JSON.stringify(GATE_WEB) && tmdb.searchRequests.length === searchesBefore + 1 && tmdb.searchRequests[searchesBefore].path === '/3/search/multi?query=gate&include_adult=false&page=1'
  568. && tmdb.searchRequests[searchesBefore].authorization === 'Bearer gate-token', wl + ' ' + JSON.stringify(tmdb.searchRequests));
  569. check('search: the web rows\' small posters come from TMDB\'s image host (w92); one without a poster gets /posters/none',
  570. (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']));
  571. const requestsBefore = tmdb.requests.length;
  572. await page.click('web-row button.add[value="tv:1004"]');
  573. await page.waitFor(`document.querySelector('dialog#signin').open`, { timeout: 5000, label: 'modal after Add' }).catch(() => {});
  574. check('search: signed out, "Add" opens the sign-in modal ("You need to sign in to add titles.", sign-in link) and sends nothing',
  575. (await modalOpen()) && (await ev(`document.querySelector('dialog#signin p').textContent`)) === 'You need to sign in to add titles.'
  576. && (await ev(`document.querySelector('#signin-link').getAttribute('href')`)).startsWith(ident.base + '/login?key=') && tmdb.requests.length === requestsBefore);
  577. 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'));
  578. await page.click('dialog#signin footer button');
  579. await page.waitFor(`!document.querySelector('dialog#signin').open`, { timeout: 5000, label: 'modal closed' }).catch(() => {});
  580. check('search: Close closes it; the web list is still there', !(await modalOpen()) && (await webList()) === JSON.stringify(GATE_WEB));
  581. // ---- tracker.worldapi.org#3: no bottom border on the header, no border on filled buttons ----
  582. check('the header has no bottom border', (await ev(`getComputedStyle(document.querySelector('application-header')).borderBottomWidth`)) === '0px');
  583. check('"Log in with ident" has no border', (await ev(`getComputedStyle(document.querySelector('#loginbutton')).borderTopWidth`)) === '0px');
  584. check('the ident selector\'s "choose ident" button has no border', (await ev(`getComputedStyle(document.querySelector('#selector').shadowRoot.querySelector('[part~="button"]')).borderTopWidth`)) === '0px');
  585. // ---- tracker.worldapi.org#8: the old addresses answer a permanent redirect to the /my/ ones ----
  586. for (const [from, to] of [['/unwatched', '/my/unwatched'], ['/schedule', '/my/schedule']]) {
  587. const m = await fetch(BASE + from, { redirect: 'manual' });
  588. check(`${from} answers 301 → ${to}`, m.status === 301 && m.headers.get('location') === to, m.status + ' ' + m.headers.get('location'));
  589. }
  590. await page.goto(BASE + '/unwatched');
  591. await hydrated();
  592. check('the browser following /unwatched lands on /my/unwatched', (await ev(`location.pathname`)) === '/my/unwatched' && !!(await ev(`document.querySelector('unwatched-page')`)));
  593. // ---- tracker.worldapi.org#8: the show page says "1 episode" for one, "2 episodes" for two ----
  594. await page.goto(BASE + '/shows/gate-test-show');
  595. await hydrated();
  596. 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']),
  597. JSON.stringify(await ev(`Array.from(document.querySelectorAll('season-count')).map(e => e.textContent)`)));
  598. let r = await fetch(BASE + '/login/callback', { redirect: 'manual' });
  599. check('login: /login/callback without a code → /login/failed', r.status === 302 && r.headers.get('location') === '/login/failed');
  600. // ---- sign in: the header selector flips to signed in, "Log out" appears, page stays empty ----
  601. await loginAs(alice);
  602. 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')`)));
  603. check('signed in: "Log out" shows, no "Log in with ident"', (await ev(`!!document.querySelector('#logout')`)) && !(await ev(`!!document.querySelector('#loginbutton')`)));
  604. 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',
  605. (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(',')`))
  606. === 'Unwatched /my/unwatched true,Schedule /my/schedule true,Shows /my/shows true,Movies /my/movies true'
  607. && (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`))
  608. && !/Log in with ident/.test(await ev(`document.querySelector('home-intro').textContent`)) && (await ev(`document.querySelectorAll('#home-movies a.tile').length`)) === 10);
  609. await ev(`window.__w050 = 'same document'`);
  610. await page.click('a.hometile[href="/my/movies"]');
  611. await page.waitFor(`location.pathname === '/my/movies' && !!document.querySelector('my-movies-page')`, { timeout: 10000, label: 'icon → /my/movies' });
  612. 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'
  613. && (await ev(`document.querySelector('my-movies-page p.muted').textContent`)) === 'You follow no movies yet.');
  614. check('"Log out" has no border (only inverted buttons have one)', (await ev(`getComputedStyle(document.querySelector('#logout')).borderTopWidth`)) === '0px');
  615. 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');
  616. check('the header brand "tracker" has font weight 100', (await ev(`getComputedStyle(document.querySelector('application-header .brand')).fontWeight`)) === '100');
  617. // ---- tracker.worldapi.org#5: /unwatched signed IN — only already-released, unwatched episodes of
  618. // followed shows, newest release first; a click removes the row. Run BEFORE the show-page checks
  619. // below (which toggle these same fixture episodes watched) so all three still start unwatched here.
  620. await page.goto(BASE + '/my/unwatched');
  621. await hydrated();
  622. const unwatchedRowTexts = () => ev(`Array.from(document.querySelectorAll('.unwatched-show')).map(e => e.textContent)`);
  623. check('signed in: /my/unwatched lists only already-released episodes, newest release first (not the future one), titles with the year',
  624. JSON.stringify(await unwatchedRowTexts()) === JSON.stringify(['Gate Test Show (2024)', 'Gate Test Show (2024)'])
  625. && (await ev(`document.querySelectorAll('unwatched-row').length`)) === 2);
  626. check('signed in: /my/unwatched shows show title, the episode as S01E02 + title and release date, linking to the show',
  627. (await ev(`document.querySelector('unwatched-row unwatched-episode').textContent`)) === 'S01E02 · Second'
  628. && (await ev(`document.querySelector('unwatched-row unwatched-date').textContent`)) === '2020-06-15'
  629. && (await ev(`document.querySelector('unwatched-row .unwatched-show').getAttribute('href')`)) === '/shows/gate-test-show');
  630. check('signed in: /my/unwatched starts with regular (unwatched) check icons', (await ev(`document.querySelectorAll('unwatched-row button.checkicon.regular').length`)) === 2);
  631. let looks = [await checkLook('unwatched-row:nth-of-type(1) button.checkicon'), await checkLook('unwatched-row:nth-of-type(2) button.checkicon')];
  632. check('#29: /my/unwatched — every row\'s check LOOKS empty on screen (muted outline, nothing filled, background pixel inside the disc)',
  633. looks.every(lookEmpty), JSON.stringify(looks));
  634. await page.click('unwatched-row button.checkicon');
  635. await page.waitFor(`document.querySelectorAll('unwatched-row').length === 1`, { timeout: 10000, label: 'unwatched row removed' });
  636. let once = await rowsOnce('unwatched-row button.checkicon');
  637. check('session-sync: after the /my/unwatched click (face unwatchedToggle) every row appears once', once.unique && once.n === 1, JSON.stringify(once));
  638. check('click an unwatched episode\'s check: it disappears from the list', (await ev(`document.querySelectorAll('unwatched-row').length`)) === 1
  639. && (await ev(`document.querySelector('unwatched-episode').textContent`)) === 'S01E01 · Pilot');
  640. await page.goto(BASE + '/my/unwatched');
  641. await hydrated();
  642. check('reload: the watch from /my/unwatched is server-side, not just client state', (await ev(`document.querySelectorAll('unwatched-row').length`)) === 1
  643. && (await ev(`document.querySelector('unwatched-episode').textContent`)) === 'S01E01 · Pilot');
  644. // ---- tracker.worldapi.org#7: /my/shows signed IN — followed shows, newest follow first, small
  645. // poster, title linking to the show, the last watched episode (only ep 2 "Second" is watched so far)
  646. const myShows = () => ev(`Array.from(document.querySelectorAll('my-show-row')).map(r => ({
  647. title: r.querySelector('.myshow-title') && r.querySelector('.myshow-title').textContent,
  648. href: r.querySelector('.myshow-title') && r.querySelector('.myshow-title').getAttribute('href'),
  649. poster: r.querySelector('img.myshow-poster') && r.querySelector('img.myshow-poster').getAttribute('src'),
  650. posterLoaded: !!(r.querySelector('img.myshow-poster') && r.querySelector('img.myshow-poster').complete && r.querySelector('img.myshow-poster').naturalWidth > 0),
  651. episode: r.querySelector('my-show-episode') ? r.querySelector('my-show-episode').textContent : null }))`);
  652. const waitPostersLoaded = () => page.waitFor(`Array.from(document.querySelectorAll('img.myshow-poster')).every(i => i.complete && i.naturalWidth > 0)`, { timeout: 10000, label: 'posters loaded' });
  653. await page.goto(BASE + '/my/shows');
  654. await hydrated();
  655. await waitPostersLoaded();
  656. let ms = await myShows();
  657. 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));
  658. 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));
  659. 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));
  660. 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));
  661. check('/my/shows: the poster is small (2.5rem wide)', (await ev(`getComputedStyle(document.querySelector('img.myshow-poster')).width`)) === '40px');
  662. // ---- tracker.worldapi.org#6: /schedule signed IN — only NOT-yet-released episodes of followed
  663. // shows, soonest first, no check icons at all (read-only page, unaffected by any watch toggle above)
  664. await page.goto(BASE + '/my/schedule');
  665. await hydrated();
  666. check('signed in: /my/schedule lists only the not-yet-released episode, title with the year', (await ev(`document.querySelectorAll('schedule-row').length`)) === 1
  667. && (await ev(`document.querySelector('.schedule-show').textContent`)) === 'Gate Test Show (2024)');
  668. check('signed in: /my/schedule shows show title, the episode as S02E01 + title, release date, linking to the show, no checks',
  669. (await ev(`document.querySelector('schedule-row schedule-episode').textContent`)) === 'S02E01 · Season Two Opener'
  670. && (await ev(`document.querySelector('schedule-row schedule-date').textContent`)) === '2099-01-01'
  671. && (await ev(`document.querySelector('schedule-row .schedule-show').getAttribute('href')`)) === '/shows/gate-test-show'
  672. && (await ev(`document.querySelectorAll('schedule-row button.checkicon').length`)) === 0);
  673. // ---- tracker.worldapi.org#4: /shows/:slug signed IN — check icons, episode toggle, season toggle,
  674. // collapse/expand, and a reload proves the watch really is server-side ----
  675. const EP3 = 'ep0000000000ep0e3'; // season 2 (expanded by default), episode 1 "Season Two Opener"
  676. const EP1 = 'ep0000000000ep0e1'; // season 1 (collapsed by default), episode 1 "Pilot"
  677. const EP2 = 'ep0000000000ep0e2'; // season 1, episode 2 "Second"
  678. const SEASON1 = 'se000000000se0s1';
  679. const checkClass = (id) => ev(`document.querySelector('button.checkicon[value="${id}"]').getAttribute('class')`);
  680. const clickValue = (sel, id) => page.click(`${sel}[value="${id}"]`);
  681. await page.goto(BASE + '/shows/gate-test-show');
  682. await hydrated();
  683. check('signed in: episode check icons show, starting "regular" (not watched)', (await checkClass(EP3)) === 'checkicon regular');
  684. looks = [await checkLook(`button.checkicon[value="${EP3}"]`), await checkLook(`button.checkicon[value="${SEASON1}"]`)];
  685. check('#29: show page — an unwatched episode\'s and an unwatched season\'s check LOOK empty on screen', looks.every(lookEmpty), JSON.stringify(looks));
  686. await clickValue('button.checkicon', EP3);
  687. await page.waitFor(`document.querySelector('button.checkicon[value="${EP3}"]').getAttribute('class') === 'checkicon solid'`, { timeout: 10000, label: 'ep3 solid' });
  688. check('click an episode check: it turns solid', (await checkClass(EP3)) === 'checkicon solid');
  689. looks = [await checkLook(`button.checkicon[value="${EP3}"]`)];
  690. check('#29: show page — the watched episode\'s check LOOKS solid on screen (accent pixel inside the disc)', looks.every(lookSolid), JSON.stringify(looks));
  691. check('season 1 starts collapsed (no episode rows of it yet)', (await ev(`document.querySelectorAll('episode-row').length`)) === 1);
  692. await clickValue('button.checkicon', SEASON1);
  693. await page.waitFor(`document.querySelector('button.checkicon[value="${SEASON1}"]').getAttribute('class') === 'checkicon solid'`, { timeout: 10000, label: 'season1 solid' });
  694. check('click a season check: the season itself turns solid', (await checkClass(SEASON1)) === 'checkicon solid');
  695. await clickValue('button.season-toggle', SEASON1);
  696. await page.waitForSelector(`button.checkicon[value="${EP1}"]`, { timeout: 10000 });
  697. check('expanding season 1 shows its episodes already solid (the season check watched them too)',
  698. (await checkClass(EP1)) === 'checkicon solid' && (await checkClass(EP2)) === 'checkicon solid');
  699. await page.goto(BASE + '/shows/gate-test-show');
  700. await hydrated();
  701. check('reload: episode 3\'s watch is server-side, not just client state', (await checkClass(EP3)) === 'checkicon solid');
  702. await clickValue('button.season-toggle', SEASON1);
  703. await page.waitForSelector(`button.checkicon[value="${EP1}"]`, { timeout: 10000 });
  704. 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');
  705. // ---- mission 047, the creator's additions on the show page (signed in) ----
  706. check('episodes are not indented: an episode\'s check is exactly under its season\'s check (same left edge)',
  707. (await ev(`Math.abs(document.querySelector('episode-row button.checkicon').getBoundingClientRect().left - document.querySelector('season-row button.checkicon').getBoundingClientRect().left) < 0.5`)));
  708. check('artist links are orange #ce9178 (not red)', (await ev(`getComputedStyle(document.querySelector('.artist-link')).color`)) === 'rgb(206, 145, 120)');
  709. // (mission 058 checked the unwatched look on a hidden COPY of a check here; tracker#29 checks REAL checks instead, above and
  710. // in the #23 block below, where an episode and its season really are unwatched)
  711. looks = [await checkLook(`button.checkicon[value="${SEASON1}"]`), await checkLook(`button.checkicon[value="${EP1}"]`)];
  712. check('a watched check is solid on screen: filled accent disc, dark check (season 1 + its episode 1)', looks.every(lookSolid), JSON.stringify(looks));
  713. // ---- tracker.worldapi.org#7: /my/shows again — S02E01 was watched BEFORE season 1's bulk watch, so
  714. // this proves "last" = the highest season/episode watched, not the most recently watched one
  715. await page.goto(BASE + '/my/shows');
  716. await hydrated();
  717. ms = await myShows();
  718. check('/my/shows: the last episode is the HIGHEST watched (S02E01), not the most recent watch; the other show still none',
  719. ms.length === 2 && ms[1].episode === 'S02E01' && ms[0].episode === null, JSON.stringify(ms));
  720. // ---- mission 047 (the creator: "i dont see the check marks"): a CLIENT-SIDE navigation /my/shows → click the show
  721. // title builds the show page in the browser; its check <svg> must be an SVG element (the old vendored build made it
  722. // in the XHTML namespace: nothing drawn, circle width 0). A window marker proves no full page load happened.
  723. await ev(`window.__w047 = 'same document'`);
  724. await page.click(`a.myshow-title[href="/shows/gate-test-show"]`);
  725. await page.waitFor(`location.pathname === '/shows/gate-test-show' && !!document.querySelector('button.checkicon svg circle')`, { timeout: 10000, label: 'show page after client-side navigation' });
  726. const svgNs = await ev(`JSON.stringify({ marker: window.__w047 || null, ns: document.querySelector('button.checkicon svg').namespaceURI,
  727. circleNs: document.querySelector('button.checkicon svg circle').namespaceURI,
  728. circleWidth: document.querySelector('button.checkicon svg circle').getBoundingClientRect().width })`);
  729. const sv = JSON.parse(svgNs);
  730. check('client-side navigation /my/shows → show page: the check svg is in the SVG namespace and its circle is drawn (width > 0)',
  731. sv.marker === 'same document' && sv.ns === 'http://www.w3.org/2000/svg' && sv.circleNs === 'http://www.w3.org/2000/svg' && sv.circleWidth > 0, svgNs);
  732. lk = await extLinks();
  733. check('client-side navigation: the link icons are there too (TMDB + IMDb)', linksAre(lk, [['TMDB', TMDB_TV + '1001'], ['IMDb', IMDB + 'tt0000001/']]), lk);
  734. // mission 047 #11: the checks also vanished after expanding/collapsing a season — same cause; and the caret flips
  735. let cs = await carets();
  736. check('season caret at the header\'s right edge (tracker#17): UP for the open season 2, DOWN for the closed season 1',
  737. cs === JSON.stringify(['up', 'down']) && (await ev(`(() => { const r = document.querySelector('season-row'); return Math.abs(r.getBoundingClientRect().right - r.querySelector('season-caret').getBoundingClientRect().right) < 2 })()`)), cs);
  738. await clickValue('button.season-toggle', SEASON1);
  739. await page.waitForSelector(`button.checkicon[value="${EP1}"]`, { timeout: 10000 });
  740. let st = await svgState();
  741. cs = await carets();
  742. check('after EXPANDING season 1 (client-side): every check + caret is a drawn SVG, season 1\'s caret now points UP', svgOk(st) && cs === JSON.stringify(['up', 'up']), st + ' ' + cs);
  743. once = await rowsOnce('show-seasons button.checkicon');
  744. check('after EXPANDING (face showSeasonEpisodes) every season/episode row appears once (2 seasons + 3 episodes), no skeleton left', once.unique && once.n === 5 && (await ev(`document.querySelectorAll('skeleton-row').length`)) === 0, JSON.stringify(once));
  745. const airDates = () => ev(`JSON.stringify(Array.from(document.querySelectorAll('episode-row')).map(r => r.querySelector('episode-title').textContent + ' ' + r.querySelector('episode-date').textContent))`);
  746. let ad = await airDates();
  747. check('#22: an opened season\'s episodes (filled in the browser from showSeasonEpisodes) show their air dates too', ad === JSON.stringify(['Season Two Opener 2099-01-01', 'Pilot 2020-01-01', 'Second 2020-06-15']), ad);
  748. await clickValue('button.checkicon', EP1);
  749. await page.waitFor(`document.querySelector('button.checkicon[value="${EP1}"]').getAttribute('class') === 'checkicon regular'`, { timeout: 10000, label: 'ep1 regular' });
  750. st = await svgState();
  751. check('after an EPISODE click: every check is still a drawn SVG', svgOk(st), st);
  752. once = await rowsOnce('show-seasons button.checkicon');
  753. check('session-sync: after an EPISODE click (face showToggleEpisode) every row appears once', once.unique && once.n === 5, JSON.stringify(once));
  754. // ---- mission 058 (tracker#23): the season's check = ALL its episodes watched — live with the face's answer, and after a reload
  755. ad = await airDates();
  756. check('#23: season 1 was checked, episode 1 unchecked → the season check turns OFF at once (no reload); #22: the dates are still there',
  757. (await checkClass(SEASON1)) === 'checkicon regular' && (await checkClass(EP2)) === 'checkicon solid' && ad === JSON.stringify(['Season Two Opener 2099-01-01', 'Pilot 2020-01-01', 'Second 2020-06-15']), (await checkClass(SEASON1)) + ' ' + ad);
  758. const reloadOpenSeason1 = async () => {
  759. await page.goto(BASE + '/shows/gate-test-show');
  760. await hydrated();
  761. await clickValue('button.season-toggle', SEASON1);
  762. await page.waitForSelector(`button.checkicon[value="${EP1}"]`, { timeout: 10000 });
  763. };
  764. await reloadOpenSeason1();
  765. check('#23: after a reload season 1 is still OFF (episode 1 unwatched, episode 2 watched)', (await checkClass(SEASON1)) === 'checkicon regular' && (await checkClass(EP1)) === 'checkicon regular' && (await checkClass(EP2)) === 'checkicon solid');
  766. looks = [await checkLook(`button.checkicon[value="${SEASON1}"]`), await checkLook(`button.checkicon[value="${EP1}"]`), await checkLook(`button.checkicon[value="${EP2}"]`)];
  767. check('#29: …and on screen: season 1 + episode 1 LOOK empty, episode 2 solid', lookEmpty(looks[0]) && lookEmpty(looks[1]) && lookSolid(looks[2]), JSON.stringify(looks));
  768. await clickValue('button.checkicon', EP1);
  769. await page.waitFor(`document.querySelector('button.checkicon[value="${EP1}"]').getAttribute('class') === 'checkicon solid'`, { timeout: 10000, label: 'ep1 solid again' });
  770. check('#23: checking episode 1 again → every episode of season 1 watched → the season check turns ON at once', (await checkClass(SEASON1)) === 'checkicon solid');
  771. once = await rowsOnce('show-seasons button.checkicon');
  772. check('#23: …every row once after it (hybriel#121)', once.unique && once.n === 5, JSON.stringify(once));
  773. await reloadOpenSeason1();
  774. check('#23: after a reload season 1 is ON (both episodes watched)', (await checkClass(SEASON1)) === 'checkicon solid' && (await checkClass(EP1)) === 'checkicon solid' && (await checkClass(EP2)) === 'checkicon solid');
  775. await clickValue('button.checkicon', EP2);
  776. await page.waitFor(`document.querySelector('button.checkicon[value="${SEASON1}"]').getAttribute('class') === 'checkicon regular'`, { timeout: 10000, label: 'season 1 off after ep2' });
  777. await clickValue('button.checkicon', SEASON1);
  778. await page.waitFor(`document.querySelector('button.checkicon[value="${SEASON1}"]').getAttribute('class') === 'checkicon solid'`, { timeout: 10000, label: 'season 1 on (partial → all)' }).catch(() => {});
  779. check('#23: a PARTLY watched season\'s check (episode 2 unchecked) watches the rest — season and both episodes ON',
  780. (await checkClass(SEASON1)) === 'checkicon solid' && (await checkClass(EP1)) === 'checkicon solid' && (await checkClass(EP2)) === 'checkicon solid');
  781. await clickValue('button.season-toggle', SEASON1);
  782. await page.waitFor(`!document.querySelector('button.checkicon[value="${EP1}"]')`, { timeout: 10000, label: 'season 1 collapsed' });
  783. st = await svgState();
  784. cs = await carets();
  785. check('after COLLAPSING season 1 again: every check + caret is a drawn SVG, its caret points DOWN again', svgOk(st) && cs === JSON.stringify(['up', 'down']), st + ' ' + cs);
  786. // ---- tracker#17: SKELETON rows while a season's episodes load. The face's frame is held back 1.5 s (`__delayFace`), so
  787. // the state right after the click is the one BEFORE the answer. Season 1 has 2 episodes → 2 skeleton rows.
  788. const skeletonState = () => ev(`JSON.stringify((() => { const sk = Array.from(document.querySelectorAll('skeleton-row'));
  789. const ep = document.querySelector('episode-row'), t = sk[0] && sk[0].querySelector('skeleton-title');
  790. return { n: sk.length, ep1: !!document.querySelector('button.checkicon[value="${EP1}"]'), anim: t ? getComputedStyle(t).animationName : null,
  791. parts: sk.every(r => r.querySelector('skeleton-check') && r.querySelector('skeleton-number') && r.querySelector('skeleton-title')),
  792. h: sk[0] ? Math.round(sk[0].getBoundingClientRect().height) : 0, epH: ep ? Math.round(ep.getBoundingClientRect().height) : 0,
  793. checkW: sk[0] ? Math.round(sk[0].querySelector('skeleton-check').getBoundingClientRect().width) : 0,
  794. afterSeason1: sk[0] ? sk[0].previousElementSibling.querySelector('button.season-toggle').value === '${SEASON1}' : false }; })())`).then(JSON.parse);
  795. const delayFace = (ms) => ev(`window.__delayFace = ${ms ? `{ name: 'showSeasonEpisodes', ms: ${ms} }` : 'null'}`);
  796. for (const [w, h, mobile] of [[390, 844, true], [1280, 900, false]]) {
  797. await page.send('Emulation.setDeviceMetricsOverride', { width: w, height: h, deviceScaleFactor: mobile ? 2 : 1, mobile });
  798. await delayFace(1500);
  799. await clickValue('button.season-toggle', SEASON1);
  800. await page.waitFor(`document.querySelectorAll('skeleton-row').length > 0`, { timeout: 1000, label: 'skeleton' }).catch(() => {});
  801. await ev(`document.querySelector('skeleton-row') && document.querySelector('skeleton-row').scrollIntoView({ block: 'center' })`);
  802. let sk = await skeletonState();
  803. cs = await carets();
  804. check(`${w} px (tracker#17): right after the click, before the answer — 2 skeleton rows (season 1 has 2 episodes) under season 1, in the episode row's shape (check disc, number, title; same height), shimmering; no episode yet; caret already UP`,
  805. sk.n === 2 && !sk.ep1 && sk.anim === 'tracker-shimmer' && sk.parts && Math.abs(sk.h - sk.epH) <= 1 && sk.checkW === 32 && sk.afterSeason1 && cs === JSON.stringify(['up', 'up']), JSON.stringify(sk) + ' ' + cs);
  806. if (process.env.TRACKER_GATE_SHOTS) { mkdirSync(process.env.TRACKER_GATE_SHOTS, { recursive: true }); writeFileSync(join(process.env.TRACKER_GATE_SHOTS, `show-skeleton-${w}.png`), Buffer.from((await page.send('Page.captureScreenshot', { format: 'png' })).data, 'base64')); }
  807. await page.waitForSelector(`button.checkicon[value="${EP1}"]`, { timeout: 10000 });
  808. sk = await skeletonState();
  809. once = await rowsOnce('show-seasons button.checkicon');
  810. check(`${w} px (tracker#17): after the answer the skeleton is gone and the real rows are there once each (2 seasons + 3 episodes, hybriel#121), still solid`,
  811. sk.n === 0 && once.unique && once.n === 5 && (await checkClass(EP1)) === 'checkicon solid' && (await checkClass(EP2)) === 'checkicon solid', JSON.stringify(sk) + ' ' + JSON.stringify(once));
  812. if (process.env.TRACKER_GATE_SHOTS) writeFileSync(join(process.env.TRACKER_GATE_SHOTS, `show-open-${w}.png`), Buffer.from((await page.send('Page.captureScreenshot', { format: 'png' })).data, 'base64'));
  813. await clickValue('button.season-toggle', SEASON1);
  814. await page.waitFor(`!document.querySelector('button.checkicon[value="${EP1}"]')`, { timeout: 10000, label: 'season 1 closed' });
  815. if (process.env.TRACKER_GATE_SHOTS) writeFileSync(join(process.env.TRACKER_GATE_SHOTS, `show-closed-${w}.png`), Buffer.from((await page.send('Page.captureScreenshot', { format: 'png' })).data, 'base64'));
  816. }
  817. await page.send('Emulation.clearDeviceMetricsOverride', {});
  818. // closed again WHILE loading: the late answer must not bring the rows back
  819. const sent0 = (await page.wsSent()).length;
  820. await delayFace(1200);
  821. await clickValue('button.season-toggle', SEASON1);
  822. await page.waitFor(`document.querySelectorAll('skeleton-row').length === 2`, { timeout: 1000, label: 'skeleton 2' }).catch(() => {});
  823. await clickValue('button.season-toggle', SEASON1);
  824. await new Promise(r => setTimeout(r, 1800));
  825. once = await rowsOnce('show-seasons button.checkicon');
  826. cs = await carets();
  827. check('tracker#17: a season closed again while loading stays closed after the late answer (only season 2\'s episode, no skeleton, caret down)',
  828. once.n === 3 && !once.values.includes(EP1) && (await ev(`document.querySelectorAll('skeleton-row').length`)) === 0 && cs === JSON.stringify(['up', 'down']), JSON.stringify(once) + ' ' + cs);
  829. await delayFace(0);
  830. // closing asks the server nothing; opening sends exactly the one sessionless face (no showRows)
  831. const sentNow = (await page.wsSent()).slice(sent0);
  832. check('tracker#17: opening sends only showSeasonEpisodes (never the session face showRows), closing sends nothing',
  833. sentNow.filter(f => f.includes('showSeasonEpisodes')).length === 1 && !sentNow.some(f => f.includes('showRows')), JSON.stringify(sentNow));
  834. // ---- mission 047 #12: FOLLOW on the show page — "Following" filled; a click unfollows ("Follow", outlined in the
  835. // accent), the show leaves /my/shows; a click follows again (follow date = now) → the top of /my/shows; reloads keep it
  836. const followState = () => ev(`JSON.stringify((() => { const b = document.querySelector('#follow'); const c = getComputedStyle(b);
  837. return { text: b.textContent, cls: b.getAttribute('class'), bg: c.backgroundColor, border: c.borderTopWidth + ' ' + c.borderTopColor }; })())`);
  838. let fs = JSON.parse(await followState());
  839. 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));
  840. await page.click('#follow');
  841. await page.waitFor(`document.querySelector('#follow').textContent === 'Follow'`, { timeout: 10000, label: 'unfollowed' }).catch(() => {});
  842. fs = JSON.parse(await followState());
  843. 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));
  844. await page.goto(BASE + '/shows/gate-test-show');
  845. await hydrated();
  846. check('follow: the unfollow survives a reload', (await ev(`document.querySelector('#follow').textContent`)) === 'Follow');
  847. await page.goto(BASE + '/my/shows');
  848. await hydrated();
  849. ms = await myShows();
  850. check('follow: the unfollowed show is gone from /my/shows', ms.length === 1 && ms[0].href === '/shows/unwatched-gate-show', JSON.stringify(ms));
  851. await page.goto(BASE + '/shows/gate-test-show');
  852. await hydrated();
  853. await page.click('#follow');
  854. await page.waitFor(`document.querySelector('#follow').textContent === 'Following'`, { timeout: 10000, label: 'followed' }).catch(() => {});
  855. check('follow: a click follows again → "Following"', (await ev(`document.querySelector('#follow').textContent`)) === 'Following');
  856. await new Promise(r => setTimeout(r, 400));
  857. check('session-sync: after the Follow toggles (face showToggleFollow) ONE Follow button, one show header, every season row once',
  858. (await ev(`document.querySelectorAll('#follow').length === 1 && document.querySelectorAll('show-header').length === 1`)) && (await rowsOnce('season-row button.checkicon')).unique);
  859. await page.goto(BASE + '/my/shows');
  860. await hydrated();
  861. ms = await myShows();
  862. 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));
  863. await page.goto(BASE + '/shows/gate-test-show');
  864. await hydrated();
  865. check('follow: "Following" survives a reload', (await ev(`document.querySelector('#follow').textContent`)) === 'Following');
  866. // ==== tracker.worldapi.org#13: /movies, /shows (24 per page, the copied pagination, the page in the PATH) and
  867. // /my/movies (the Follow button on a movie's page) ====
  868. await page.goto(BASE + '/');
  869. await hydrated();
  870. await ev(`window.__w050 = 'same document'`);
  871. await page.click('#home-movies h2 a');
  872. await page.waitFor(`location.pathname === '/movies' && document.querySelectorAll('a.tile').length === 24`, { timeout: 10000, label: 'heading → /movies' });
  873. let titles = await titlesOf('tile-grid');
  874. check('/movies (the homepage heading, client-side): page 1 = 24 movies, release date desc — the 2099 one first, then Pager Movie 30…08',
  875. (await ev('window.__w050')) === 'same document' && JSON.stringify(titles) === JSON.stringify(['Pager Future Movie', ...movieRange(30, 8)]), JSON.stringify(titles));
  876. let pg = await pagerState();
  877. check('/movies: the pagination says "1 2 Next", 1 current (no Previous on the first page); "33 movies … page 1 of 2"',
  878. 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));
  879. await ev(`Array.from(document.querySelectorAll('pagination button')).find(b => b.textContent.trim() === 'Next').click()`);
  880. await page.waitFor(`location.pathname === '/movies/page/2' && document.querySelectorAll('a.tile').length === 9`, { timeout: 10000, label: 'Next → page 2' });
  881. titles = await titlesOf('tile-grid');
  882. pg = await pagerState();
  883. 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',
  884. (await ev('window.__w050')) === 'same document' && JSON.stringify(titles) === JSON.stringify([...movieRange(7, 1), 'Gate Test Movie', 'Pager Undated Movie'])
  885. && JSON.stringify(pg) === JSON.stringify({ items: ['Previous', '1', '2'], current: '2' }) && (await ev('document.title')) === 'Movies, page 2 — tracker', JSON.stringify({ titles, pg }));
  886. await ev(`Array.from(document.querySelectorAll('pagination button')).find(b => b.textContent.trim() === '1').click()`);
  887. await page.waitFor(`location.pathname === '/movies' && document.querySelectorAll('a.tile').length === 24`, { timeout: 10000, label: '1 → /movies' });
  888. check('/movies: the page number "1" goes back to /movies (page 1)', (await pagerState()).current === '1' && (await titlesOf('tile-grid'))[0] === 'Pager Future Movie');
  889. await ev('history.back()');
  890. await page.waitFor(`location.pathname === '/movies/page/2' && document.querySelectorAll('a.tile').length === 9`, { timeout: 10000, label: 'Back → page 2' });
  891. 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');
  892. await page.goto(BASE + '/movies/page/2');
  893. await hydrated();
  894. check('/movies/page/2 loaded directly: the same 9 movies, 2 current', (await ev(`document.querySelectorAll('a.tile').length`)) === 9 && (await pagerState()).current === '2');
  895. await page.goto(BASE + '/movies/page/99');
  896. await hydrated();
  897. const p99 = await pagerState();
  898. await page.goto(BASE + '/movies/page/abc');
  899. await hydrated();
  900. 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');
  901. await page.goto(BASE + '/');
  902. await hydrated();
  903. await ev(`window.__w050 = 'same document'`);
  904. await page.click('#home-shows h2 a');
  905. await page.waitFor(`location.pathname === '/shows' && !!document.querySelector('tile-grid a.tile')`, { timeout: 10000, label: 'heading → /shows' });
  906. tl = await tilesOf('tile-grid');
  907. 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',
  908. (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'])
  909. && (await ev(`document.querySelectorAll('pagination').length`)) === 0, JSON.stringify(tl));
  910. // ---- mission 058 (tracker#25): /genres/<genre> — the /movies list narrowed to a genre, movies AND series, newest first, 24
  911. // per page, adult hidden. Action: Pager Future Movie (2099), Pager Older Series (series, newest episode 2021-01-01), Pager Movie
  912. // 30…01 (2001) = 32; Hidden Action Film (adult, 2050) never
  913. await page.goto(BASE + '/genres/Action');
  914. await hydrated();
  915. await ev(`window.__w058 = 'same document'`);
  916. tl = await tilesOf('tile-grid');
  917. pg = await pagerState();
  918. check('#25 /genres/Action: h1 "Action", "32 titles, newest first · page 1 of 2", 24 tiles newest first — movies AND the series, each poster + title + year → its page; the adult one is not there',
  919. (await ev(`document.querySelector('#genre-page h1').textContent`)) === 'Action' && (await ev(`document.querySelector('.list-count').textContent`)) === '32 titles, newest first · page 1 of 2'
  920. && JSON.stringify(tl.map(t => t.split('|')[0])) === JSON.stringify(['Pager Future Movie', 'Pager Older Series', ...movieRange(30, 9)])
  921. && tl[1] === 'Pager Older Series|2019|/shows/pager-older-series|/posters/none' && !tl.some(t => t.includes('Hidden Action')) && JSON.stringify(pg) === JSON.stringify({ items: ['1', '2', 'Next'], current: '1' }), JSON.stringify({ tl, pg }));
  922. await ev(`Array.from(document.querySelectorAll('pagination button')).find(b => b.textContent.trim() === 'Next').click()`);
  923. await page.waitFor(`location.pathname === '/genres/Action/page/2' && document.querySelectorAll('a.tile').length === 8`, { timeout: 10000, label: 'genre Next → page 2' }).catch(() => {});
  924. titles = await titlesOf('tile-grid');
  925. check('#25: "Next" → /genres/Action/page/2 (client-side): the last 8 (Pager Movie 08…01), "Previous 1 2", title "Action, page 2 — tracker"',
  926. (await ev('window.__w058')) === 'same document' && (await ev('location.pathname')) === '/genres/Action/page/2' && JSON.stringify(titles) === JSON.stringify(movieRange(8, 1))
  927. && JSON.stringify(await pagerState()) === JSON.stringify({ items: ['Previous', '1', '2'], current: '2' }) && (await ev('document.title')) === 'Action, page 2 — tracker', JSON.stringify(titles));
  928. await page.goto(BASE + '/genres/Action/page/2');
  929. await hydrated();
  930. check('#25: /genres/Action/page/2 loaded directly: the same 8, 2 current', JSON.stringify(await titlesOf('tile-grid')) === JSON.stringify(movieRange(8, 1)) && (await pagerState()).current === '2');
  931. const g301 = await fetch(BASE + '/genre/Action', { redirect: 'manual' });
  932. check('#25: the old pill address /genre/Action answers 301 → /genres/Action', g301.status === 301 && g301.headers.get('location') === '/genres/Action', g301.status + ' ' + g301.headers.get('location'));
  933. await page.goto(BASE + '/shows/gate-test-show');
  934. await hydrated();
  935. await ev(`window.__w058 = 'same document'`);
  936. await page.click('.genre-pill');
  937. await page.waitFor(`location.pathname === '/genres/Drama' && !!document.querySelector('#genre-page h1')`, { timeout: 10000, label: 'pill → /genres/Drama' });
  938. tl = await tilesOf('tile-grid');
  939. check('#25: the show page\'s "Drama" pill opens /genres/Drama (client-side): the one Drama title, no pagination',
  940. (await ev('window.__w058')) === 'same document' && JSON.stringify(tl) === JSON.stringify(['Gate Test Show|2024|/shows/gate-test-show|/posters/sh1.png']) && (await ev(`document.querySelectorAll('pagination').length`)) === 0, JSON.stringify(tl));
  941. await page.goto(BASE + '/genres/No-Such-Genre');
  942. await hydrated();
  943. check('#25: an unknown genre says "Not found", no tiles', (await ev(`document.querySelector('#genre-page h1').textContent`)) === 'Not found' && (await ev(`document.querySelectorAll('a.tile').length`)) === 0);
  944. await page.goto(BASE + '/shows');
  945. await hydrated();
  946. await ev(`window.__w050 = 'same document'`);
  947. // a movie's page has the Follow button (the show page) → /my/movies; /my/shows stays series only
  948. await page.click('a.tile[href="/shows/gate-test-show"]');
  949. await page.waitFor(`location.pathname === '/shows/gate-test-show' && !!document.querySelector('#follow')`, { timeout: 10000, label: 'tile → show page' });
  950. check('/shows: a tile opens the show page (client-side)', (await ev('window.__w050')) === 'same document');
  951. await page.goto(BASE + '/shows/gate-test-movie');
  952. await hydrated();
  953. check('a movie\'s page has the Follow button ("Follow": alice does not follow it yet)', (await ev(`document.querySelector('#follow').textContent`)) === 'Follow');
  954. await page.click('#follow');
  955. await page.waitFor(`document.querySelector('#follow').textContent === 'Following'`, { timeout: 10000, label: 'movie followed' }).catch(() => {});
  956. // ---- mission 058 (tracker#24): the movie's watched check, signed in — a click marks it watched, a reload keeps it ----
  957. mw = await movieWatch();
  958. check('#24 signed in: the movie starts "Not watched" (regular check)', mw && mw.cls === 'checkicon regular' && mw.label === 'Not watched', JSON.stringify(mw));
  959. looks = [await checkLook('#moviewatch')];
  960. check('#29: movie page — the unwatched movie\'s check LOOKS empty on screen', looks.every(lookEmpty), JSON.stringify(looks));
  961. await page.click('#moviewatch');
  962. await page.waitFor(`document.querySelector('#moviewatch').getAttribute('class') === 'checkicon solid'`, { timeout: 10000, label: 'movie watched' }).catch(() => {});
  963. await new Promise(r => setTimeout(r, 400));
  964. mw = await movieWatch();
  965. check('#24 signed in: a click → the solid check and "Watched" (one check, no modal)', mw && mw.cls === 'checkicon solid' && mw.label === 'Watched' && mw.n === 1 && !(await modalOpen()), JSON.stringify(mw));
  966. await page.goto(BASE + '/shows/gate-test-movie');
  967. await hydrated();
  968. mw = await movieWatch();
  969. check('#24 signed in: the watch survives a reload', mw && mw.cls === 'checkicon solid' && mw.label === 'Watched', JSON.stringify(mw));
  970. looks = [await checkLook('#moviewatch')];
  971. check('#29: movie page — the watched movie\'s check LOOKS solid on screen', looks.every(lookSolid), JSON.stringify(looks));
  972. await page.click('#moviewatch');
  973. await page.waitFor(`document.querySelector('#moviewatch').getAttribute('class') === 'checkicon regular'`, { timeout: 10000, label: 'movie unwatched' }).catch(() => {});
  974. mw = await movieWatch();
  975. const mwOff = mw && mw.cls === 'checkicon regular' && mw.label === 'Not watched';
  976. await page.goto(BASE + '/shows/gate-test-movie');
  977. await hydrated();
  978. mw = await movieWatch();
  979. check('#24 signed in: a second click unchecks it ("Not watched"), also after a reload', mwOff && mw && mw.cls === 'checkicon regular', JSON.stringify(mw));
  980. await page.click('#moviewatch');
  981. await page.waitFor(`document.querySelector('#moviewatch').getAttribute('class') === 'checkicon solid'`, { timeout: 10000, label: 'movie watched again' }).catch(() => {});
  982. if (process.env.TRACKER_GATE_SHOTS) {
  983. for (const [w, h, mobile] of [[390, 844, true], [1280, 900, false]]) {
  984. await page.send('Emulation.setDeviceMetricsOverride', { width: w, height: h, deviceScaleFactor: mobile ? 2 : 1, mobile });
  985. await page.goto(BASE + '/shows/gate-test-movie');
  986. await hydrated();
  987. writeFileSync(join(process.env.TRACKER_GATE_SHOTS, `movie-watched-${w}.png`), Buffer.from((await page.send('Page.captureScreenshot', { format: 'png' })).data, 'base64'));
  988. }
  989. await page.send('Emulation.clearDeviceMetricsOverride', {});
  990. }
  991. await page.goto(BASE + '/my/movies');
  992. await hydrated();
  993. const mmWatched = await ev(`JSON.stringify({ count: (document.querySelector('#mymovies-count') || {}).textContent, marks: Array.from(document.querySelectorAll('my-show-row')).map(r => !!r.querySelector('my-movie-watched svg circle')) })`).then(JSON.parse);
  994. check('#24: /my/movies counts it — "1 movie · 1 watched", the row has the solid check', mmWatched.count === '1 movie · 1 watched' && JSON.stringify(mmWatched.marks) === '[true]', JSON.stringify(mmWatched));
  995. looks = [await checkLook('my-movie-watched.checkicon')];
  996. check('#29: /my/movies — the watched movie\'s mark LOOKS solid on screen (an unwatched movie has no mark, #24)', looks.every(lookSolid), JSON.stringify(looks));
  997. 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('|')))`);
  998. 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);
  999. await page.goto(BASE + '/my/shows');
  1000. await hydrated();
  1001. ms = await myShows();
  1002. 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));
  1003. // ---- mission 047, MOBILE FIRST: at a phone's 390 px the header is ONE row (brand + ident selector + "Log out"), and
  1004. // no page scrolls sideways; at 1280 px the same pages. Screenshots of both widths with TRACKER_GATE_SHOTS.
  1005. const pages = [['home', '/'], ['show', '/shows/gate-test-show'], ['my-shows', '/my/shows'], ['my-unwatched', '/my/unwatched'], ['my-schedule', '/my/schedule'],
  1006. ['movies', '/movies'], ['movies-page-2', '/movies/page/2'], ['shows-list', '/shows'], ['my-movies', '/my/movies'], ['search', '/search/gate'],
  1007. ['genre-action', '/genres/Action'], ['genre-action-page-2', '/genres/Action/page/2'], ['movie', '/shows/gate-test-movie']];
  1008. if (process.env.TRACKER_GATE_SHOTS) mkdirSync(process.env.TRACKER_GATE_SHOTS, { recursive: true });
  1009. for (const [w, h, mobile] of [[390, 844, true], [1280, 900, false]]) {
  1010. await page.send('Emulation.setDeviceMetricsOverride', { width: w, height: h, deviceScaleFactor: mobile ? 2 : 1, mobile });
  1011. const bad = [];
  1012. for (const [name, path] of pages) {
  1013. await page.goto(BASE + path);
  1014. await hydrated();
  1015. const m = JSON.parse(await ev(`JSON.stringify((() => {
  1016. const hd = document.querySelector('application-header').getBoundingClientRect();
  1017. const mid = (s) => { const r = document.querySelector(s).getBoundingClientRect(); return r.top + r.height / 2; };
  1018. const mids = ['application-header .brand', '#selector', '#logout'].map(mid);
  1019. const wd = (s) => Math.round(document.querySelector(s).getBoundingClientRect().width);
  1020. return { headerH: hd.height, spread: Math.max(...mids) - Math.min(...mids), scrollW: document.documentElement.scrollWidth, widths: ['application-header .brand', '#userbox', '#selector', '#logout'].map(wd) };
  1021. })())`));
  1022. if (m.spread > 8 || m.headerH > 64 || m.scrollW > w) bad.push(name + ' ' + JSON.stringify(m));
  1023. if (name === 'show') {
  1024. // mission 047 #8: phone = title first, then the poster at the full content width, then genres/plot/cast;
  1025. // desktop unchanged = poster left (10rem), title right of it
  1026. 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 }; };
  1027. const main = document.querySelector('main'); const cs = getComputedStyle(main);
  1028. 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'),
  1029. content: main.getBoundingClientRect().width - parseFloat(cs.paddingLeft) - parseFloat(cs.paddingRight) }; })())`));
  1030. const ok = mobile
  1031. ? 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
  1032. : 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;
  1033. 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));
  1034. }
  1035. if (process.env.TRACKER_GATE_SHOTS) {
  1036. if (name === 'my-shows' || name === 'my-movies') await waitPostersLoaded();
  1037. // #13: every poster tile in view loaded
  1038. 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' });
  1039. const shot = await page.send('Page.captureScreenshot', { format: 'png' });
  1040. writeFileSync(join(process.env.TRACKER_GATE_SHOTS, `${name}-${w}.png`), Buffer.from(shot.data, 'base64'));
  1041. }
  1042. }
  1043. 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('; '));
  1044. }
  1045. await page.send('Emulation.clearDeviceMetricsOverride', {});
  1046. // ==== tracker.worldapi.org#9: THE TMDB SYNC, against the fake TMDB — first the tool (app stopped: hl:mpackdb is
  1047. // one process per storage), twice (idempotent), then the pages; then the app's own daily run ====
  1048. 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);
  1049. await page.goto('about:blank'); // leave the app first: an open page would log websocket reconnect errors
  1050. await stopServer();
  1051. // spawned, not execFileSync: the fake TMDB lives in THIS node process and must keep answering meanwhile
  1052. const runTool = () => new Promise((ok) => {
  1053. const p = spawn(join(APP, 'bin/hybriel'), ['tools/sync-tmdb.hl', '--limit', '5'], { cwd: APP, env: { ...process.env, TRACKER_STORAGE: MPACKDB, TRACKER_OLD_SHORT_IDS: OLD_SHORT_IDS, ...TMDB_ENV }, stdio: ['ignore', 'pipe', 'pipe'] });
  1054. let o = '';
  1055. p.stdout.on('data', d => o += d); p.stderr.on('data', d => o += d);
  1056. p.on('exit', () => ok(o));
  1057. });
  1058. let out = await runTool();
  1059. const toolRun1 = out;
  1060. let done = (out.match(/tmdb sync done: .*/) || [''])[0];
  1061. 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',
  1062. 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);
  1063. // per show, in this order (the order BETWEEN shows follows the follow table, which the follow test above reshuffled)
  1064. // (#28: the details request also brings the credits — aggregate_credits / credits)
  1065. const perShow = [['/3/tv/1001?append_to_response=external_ids,aggregate_credits', '/3/tv/1001?append_to_response=season/1,season/2,season/3', '/t/p/w342/gate1.png'],
  1066. ['/3/tv/1002?append_to_response=external_ids,aggregate_credits', '/3/tv/1002?append_to_response=season/1', '/t/p/w342/gate2.png'], ['/3/movie/1003?append_to_response=external_ids,credits', '/t/p/w342/gate3.png']];
  1067. const paths = tmdb.requests.map(q => q.path);
  1068. 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 + the credits (no extra request), one for its seasons, the poster; the movie only via /movie/, never /tv/1003',
  1069. tmdb.requests.filter(q => q.path.startsWith('/3/')).every(q => q.authorization === 'Bearer gate-token') && !paths.some(p => p.includes('season/0'))
  1070. && 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))),
  1071. JSON.stringify(paths));
  1072. 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',
  1073. 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()),
  1074. JSON.stringify(tmdb.tvmazeRequests));
  1075. const tvmazeBefore = tmdb.tvmazeRequests.length;
  1076. out = await runTool();
  1077. done = (out.match(/tmdb sync done: .*/) || [''])[0];
  1078. // tracker.worldapi.org#28: the credits came with the details request — show 1: 23 cast (Test Actor linked, 20 new; mission 062:
  1079. // the 2 guests are NO person records) + 7 crew entries (5 new people); the movie 3 cast + 13 crew (15 new); show 2 none. The
  1080. // second run adds nobody.
  1081. check('#28 sync tool: the cast + crew stored from the details request — show 1 cast 23 crew 7 (+25 people: the 2 guest stars are none), the movie cast 3 crew 13 (+15), show 2 none; the second run adds no person',
  1082. toolRun1.includes(', cast 23 crew 7 +25 people') && toolRun1.includes(', cast 3 crew 13 +15 people') && toolRun1.includes(', cast 0 crew 0 +0 people')
  1083. && (out.match(/ \+0 people/g) || []).length === 3 && !/ \+[1-9]\d* people/.test(out), toolRun1 + out);
  1084. 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',
  1085. 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')
  1086. && JSON.stringify(tmdb.tvmazeRequests.slice(tvmazeBefore).sort()) === JSON.stringify(['/tvmaze/shows/501/episodes', '/tvmaze/shows/502/episodes']), out);
  1087. const sidTool = countShortIds();
  1088. check('mission 062 short ids: every person the sync tool created (cast + crew of the details request) has its short id at once — none without, none twice (count-short-ids, app still stopped)',
  1089. allHaveShortIds(sidTool), sidTool);
  1090. await startServer();
  1091. await page.goto(BASE + '/my/schedule');
  1092. await hydrated();
  1093. 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)`);
  1094. let rows = await scheduleRows();
  1095. check('after the sync: /my/schedule lists the new upcoming episodes of both shows, soonest first', JSON.stringify(rows) === JSON.stringify([
  1096. '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));
  1097. await page.goto(BASE + '/my/unwatched');
  1098. await hydrated();
  1099. rows = await ev(`Array.from(document.querySelectorAll('unwatched-row')).map(r => r.querySelector('unwatched-episode').textContent + ' | ' + r.querySelector('unwatched-date').textContent)`);
  1100. 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));
  1101. await page.goto(BASE + '/my/shows');
  1102. await hydrated();
  1103. await waitPostersLoaded();
  1104. ms = await myShows();
  1105. 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));
  1106. r = await fetch(BASE + '/posters/sh2.png');
  1107. const posterBytes = Buffer.from(await r.arrayBuffer());
  1108. 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')));
  1109. await page.goto(BASE + '/shows/gate-test-show');
  1110. await hydrated();
  1111. const seasonCounts = await ev(`Array.from(document.querySelectorAll('season-row')).map(e => e.querySelector('season-label').textContent + ': ' + e.querySelector('season-count').textContent)`);
  1112. 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));
  1113. check('after the sync: the latest season shows its new episodes, the poster is the downloaded one',
  1114. JSON.stringify(await ev(`Array.from(document.querySelectorAll('episode-row episode-title')).map(e => e.textContent)`)) === JSON.stringify(['Third Season Start', 'Coming Soon'])
  1115. && (await ev(`document.querySelector('show-poster img').getAttribute('src')`)) === '/posters/sh1.png' && (await ev(`document.querySelector('show-poster img').naturalWidth`)) > 0);
  1116. await clickValue('button.season-toggle', SEASON1);
  1117. await page.waitForSelector(`button.checkicon[value="${EP1}"]`, { timeout: 10000 });
  1118. 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'))`);
  1119. check('after the sync: S1 keeps its episodes (same ids, still watched), E2 renamed from TMDB, E3 new and unwatched',
  1120. 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));
  1121. // ---- tracker.worldapi.org#12: after the sync every show has the ids it lacked — the stored ones unchanged ----
  1122. await page.goto(BASE + '/shows/gate-test-show');
  1123. await hydrated();
  1124. lk = await extLinks();
  1125. 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',
  1126. linksAre(lk, [['TMDB', TMDB_TV + '1001'], ['IMDb', IMDB + 'tt0000001/'], ['TVDB', TVDB + '4001'], ['TVmaze', TVMAZE + '501']]), lk);
  1127. await page.goto(BASE + '/shows/unwatched-gate-show');
  1128. await hydrated();
  1129. lk = await extLinks();
  1130. 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)',
  1131. linksAre(lk, [['TMDB', TMDB_TV + '1002'], ['IMDb', IMDB + 'tt0000002/'], ['TVDB', TVDB + '4002'], ['TVmaze', TVMAZE + '502']]), lk);
  1132. await page.goto(BASE + '/shows/gate-test-movie');
  1133. await hydrated();
  1134. lk = await extLinks();
  1135. check('after the sync: the movie has TMDB (/movie/1003) + IMDb (tt0000003 filled), no TheTVDB/TVmaze, no seasons',
  1136. linksAre(lk, [['TMDB', TMDB_MOVIE + '1003'], ['IMDb', IMDB + 'tt0000003/']]) && (await ev(`document.querySelectorAll('season-row').length`)) === 0, lk);
  1137. // ==== tracker.worldapi.org#28: FULL CAST + CREW (stored by the sync tool above). The movie: TMDB's cast order with the
  1138. // characters, the crew grouped by job (director once, a writer too; 9 writers → 6 + "Show all crew (13)", client-side) ====
  1139. let cr = await credits();
  1140. const pool = (n) => Array.from({ length: n }, (_, k) => 'Writer Pool ' + (k + 1));
  1141. check('#28 movie: the whole cast in TMDB\'s order with the characters (none for the extra), each linked to its new person page; no toggle, no "Guest stars"',
  1142. JSON.stringify(cr.cast) === JSON.stringify([['Movie Star', ' (Hero)', '/person/Movie-Star'], ['Movie Sidekick', ' (Sidekick)', '/person/Movie-Sidekick'], ['Uncredited Extra', '', '/person/Uncredited-Extra']])
  1143. && JSON.stringify(cr.castSeen) === JSON.stringify(['Movie Star', 'Movie Sidekick', 'Uncredited Extra']) && cr.castToggle === null, JSON.stringify(cr));
  1144. check('#28 movie: the crew by job — Directed by Film Director (listed twice by TMDB: once), Written by Film Director + the first 5 of the pool (6 shown), Screenplay, Story, Music; the assistant director and the adult crew member not shown; "Show all crew (13)"',
  1145. JSON.stringify(cr.crewSeen) === JSON.stringify(['[Directed by]', 'Film Director', '[Written by]', 'Film Director', ...pool(5), '[Screenplay]', 'Screen Writer', '[Story]', 'Story Author', '[Music]', 'Film Composer'])
  1146. && cr.crew.length === 13 && cr.crew[0][1] === '/person/Film-Director' && cr.crewToggle === 'Show all crew (13)' && !cr.crew.some(c => /Assistant|Adult/.test(c[0])), JSON.stringify(cr));
  1147. let sentBefore28 = (await page.wsSent()).length;
  1148. await page.click('#crewtoggle');
  1149. await page.waitFor(`document.querySelectorAll('show-crew a.crew-link').length === 13 && Array.from(document.querySelectorAll('show-crew a.crew-link')).every(a => a.getClientRects().length > 0)`, { timeout: 3000, label: 'crew all' }).catch(() => {});
  1150. cr = await credits();
  1151. check('#28 movie: "Show all crew" shows all 9 writers at once — client-side (no request), the button says "Show less"',
  1152. JSON.stringify(cr.crewSeen) === JSON.stringify(['[Directed by]', 'Film Director', '[Written by]', 'Film Director', ...pool(8), '[Screenplay]', 'Screen Writer', '[Story]', 'Story Author', '[Music]', 'Film Composer'])
  1153. && cr.crewToggle === 'Show less' && (await page.wsSent()).length === sentBefore28, JSON.stringify(cr));
  1154. if (process.env.TRACKER_GATE_SHOTS) writeFileSync(join(process.env.TRACKER_GATE_SHOTS, 'credits-movie-1280.png'), Buffer.from((await page.send('Page.captureScreenshot', { format: 'png' })).data, 'base64'));
  1155. // the series (aggregate_credits = every season): main cast by episode count, the later-season actor among them, then the guests
  1156. await page.goto(BASE + '/shows/gate-test-show');
  1157. await hydrated();
  1158. cr = await credits();
  1159. const ensemble = Array.from({ length: 18 }, (_, k) => 'Ensemble Player ' + String(k + 1).padStart(2, '0'));
  1160. check('#28 series: all 23 of every season in TMDB\'s order (by episodes): Lead Player (his roles split, each once, "(uncredited)" dropped, 4 + "…"), Test Actor (linked, not added twice), Ensemble 01–18, Late Season Star (season 3 only, both roles), Guest Star Two, Guest Star One — the adult one left out',
  1161. JSON.stringify(cr.cast.map(c => c[0])) === JSON.stringify(['Lead Player', 'Test Actor', ...ensemble, 'Late Season Star', 'Guest Star Two', 'Guest Star One'])
  1162. && cr.cast[0][1] === ' (The Lead / Twin / Mirror / Ghost / …)' && cr.cast[1][2] === '/person/Test-Actor' && cr.cast[1][1] === ' (Someone)' && cr.cast[20][1] === ' (New Captain / Captain)' && cr.cast[20][2] === '/person/Late-Season-Star'
  1163. && cr.cast[2][1] === ' (Crew Member 1)' && !cr.cast.some(c => /Adult|Test-Actor-2/.test(c[0] + c[2])), JSON.stringify(cr.cast));
  1164. check('#28 series: collapsed after 20 — the first 20 names, no guests yet, "Show all (23)"; the character after each name, a comma after the 19th, none after the 20th',
  1165. JSON.stringify(cr.castSeen) === JSON.stringify(['Lead Player', 'Test Actor', ...ensemble]) && cr.castToggle === 'Show all (23)'
  1166. && cr.after[19] === '" (Crew Member 18)"' && cr.after[18] === '" (Crew Member 17), "', JSON.stringify(cr));
  1167. check('#28 series: the crew — Created by Show Creator, Directed by (by episodes) Episode Director + Second Director, Written by Show Creator (5) + Staff Writer (3), Story Staff Writer, Music Theme Composer; the script supervisor not shown, no crew toggle',
  1168. JSON.stringify(cr.crewSeen) === JSON.stringify(['[Created by]', 'Show Creator', '[Directed by]', 'Episode Director', 'Second Director', '[Written by]', 'Show Creator', 'Staff Writer', '[Story]', 'Staff Writer', '[Music]', 'Theme Composer'])
  1169. && cr.crew[0][1] === '/person/Show-Creator' && cr.crewToggle === null, JSON.stringify(cr));
  1170. if (process.env.TRACKER_GATE_SHOTS) {
  1171. await page.send('Emulation.setDeviceMetricsOverride', { width: 390, height: 844, deviceScaleFactor: 2, mobile: true });
  1172. await ev(`document.querySelector('show-crew').scrollIntoView()`);
  1173. writeFileSync(join(process.env.TRACKER_GATE_SHOTS, 'credits-series-collapsed-390.png'), Buffer.from((await page.send('Page.captureScreenshot', { format: 'png' })).data, 'base64'));
  1174. }
  1175. sentBefore28 = (await page.wsSent()).length;
  1176. await page.click('#casttoggle');
  1177. await page.waitFor(`document.querySelector('show-cast').className === 'all'`, { timeout: 3000, label: 'cast all' }).catch(() => {});
  1178. cr = await credits();
  1179. check('#28 series: "Show all (23)" shows every name at once — client-side (no request) — the later-season actor last of the main cast (no comma before the label), then "Guest stars"; "Show less"; no sideways scroll',
  1180. JSON.stringify(cr.castSeen) === JSON.stringify(['Lead Player', 'Test Actor', ...ensemble, 'Late Season Star', '[Guest stars]', 'Guest Star Two', 'Guest Star One']) && cr.castToggle === 'Show less'
  1181. && (await page.wsSent()).length === sentBefore28 && cr.after[19] === '" (Crew Member 18), "' && cr.after[20] === '" (New Captain / Captain)"' && cr.after[22] === '" (Stranger)"' && cr.scrollW <= (process.env.TRACKER_GATE_SHOTS ? 390 : 1e9), JSON.stringify(cr));
  1182. if (process.env.TRACKER_GATE_SHOTS) {
  1183. await ev(`document.querySelector('show-cast').scrollIntoView()`);
  1184. writeFileSync(join(process.env.TRACKER_GATE_SHOTS, 'credits-series-all-390.png'), Buffer.from((await page.send('Page.captureScreenshot', { format: 'png' })).data, 'base64'));
  1185. }
  1186. await page.click('#casttoggle');
  1187. await page.waitFor(`document.querySelector('show-cast').className === 'collapsed'`, { timeout: 3000, label: 'cast collapsed' }).catch(() => {});
  1188. cr = await credits();
  1189. check('#28 series: "Show less" collapses it again (20 names)', cr.castSeen.length === 20 && cr.castToggle === 'Show all (23)' && (await page.wsSent()).length === sentBefore28, JSON.stringify(cr.castSeen));
  1190. if (process.env.TRACKER_GATE_SHOTS) {
  1191. await page.send('Emulation.setDeviceMetricsOverride', { width: 1280, height: 900, deviceScaleFactor: 1, mobile: false });
  1192. await page.goto(BASE + '/shows/gate-test-show');
  1193. await hydrated();
  1194. writeFileSync(join(process.env.TRACKER_GATE_SHOTS, 'credits-series-1280.png'), Buffer.from((await page.send('Page.captureScreenshot', { format: 'png' })).data, 'base64'));
  1195. await page.send('Emulation.clearDeviceMetricsOverride', {});
  1196. }
  1197. const lateHtml = await (await fetch(BASE + '/person/Late-Season-Star')).text();
  1198. check('#28: a new cast person\'s page exists at once (/person/Late-Season-Star)', /<h1>Late Season Star<\/h1>/.test(lateHtml), lateHtml.slice(0, 300));
  1199. // ==== mission 062: GUEST STARS are no person records until someone opens one — their link /person/tmdb/<id>?show=<show id>
  1200. // creates the person (name + role from the title, a short id), then 302 → /person/<slug>, filled from TMDB like any new person ====
  1201. await page.goto(BASE + '/shows/gate-test-show');
  1202. await hydrated();
  1203. cr = await credits();
  1204. const guestHtml0 = await (await fetch(BASE + '/person/Guest-Star-One')).text();
  1205. check('mission 062 guests: Guest Star Two/One are linked to /person/tmdb/<their TMDB id>?show=<the show> — no person page yet; the main cast links its person pages',
  1206. /^\/person\/tmdb\/3141\?show=[0-9a-z]+$/.test(cr.cast[21][2]) && /^\/person\/tmdb\/3142\?show=[0-9a-z]+$/.test(cr.cast[22][2]) && cr.cast[22][1] === ' (Stranger)'
  1207. && cr.cast.slice(0, 21).every(c => /^\/person\/[A-Z]/.test(c[2])) && !/<h1>Guest Star One<\/h1>/.test(guestHtml0) && /<h1>Not found<\/h1>/.test(guestHtml0), JSON.stringify(cr.cast.slice(19)));
  1208. await page.click('#casttoggle');
  1209. await page.waitFor(`document.querySelector('show-cast').className === 'all'`, { timeout: 3000, label: 'cast all' }).catch(() => {});
  1210. const guestT0 = Date.now();
  1211. await page.click('show-cast a[href^="/person/tmdb/3142"]');
  1212. await page.waitFor(`location.pathname === '/person/Guest-Star-One' && !!document.querySelector('person-meta h1') && !document.querySelector('#personloading')`, { timeout: 10000, label: 'guest person' });
  1213. const guestMs = Date.now() - guestT0;
  1214. const guestSid = await ev(`(document.querySelector('#shortid') || {}).textContent || null`);
  1215. const guestRows = JSON.parse(await 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')]))`));
  1216. check('mission 062 guests: a click on Guest Star One creates the person and lands on /person/Guest-Star-One — its short id at once, filled from TMDB (Gate Test Show, role Stranger) (' + guestMs + ' ms)',
  1217. (await ev(`document.querySelector('person-meta h1').textContent`)) === 'Guest Star One' && /^[a-z0-9]{5}$/.test(guestSid || '')
  1218. && JSON.stringify(guestRows) === JSON.stringify([['Gate Test Show', '2024', 'Series', 'Stranger', '/shows/gate-test-show']])
  1219. && /guest opened: Guest Star One \(tmdb 3142\) → new person \S+ from show /.test(log), JSON.stringify({ guestSid, guestRows, log: log.split('\n').filter(l => /guest/.test(l)) }));
  1220. if (process.env.TRACKER_GATE_SHOTS) {
  1221. for (const [w, h, mobile] of [[390, 844, true], [1280, 900, false]]) {
  1222. await page.send('Emulation.setDeviceMetricsOverride', { width: w, height: h, deviceScaleFactor: mobile ? 2 : 1, mobile });
  1223. writeFileSync(join(process.env.TRACKER_GATE_SHOTS, `guest-person-${w}.png`), Buffer.from((await page.send('Page.captureScreenshot', { format: 'png' })).data, 'base64'));
  1224. }
  1225. await page.send('Emulation.clearDeviceMetricsOverride', {});
  1226. }
  1227. const guestAgain = await fetch(BASE + cr.cast[22][2], { redirect: 'manual' });
  1228. const guestPersonReq = tmdb.personRequests.length;
  1229. const guestTwo = await fetch(BASE + '/person/tmdb/3141', { redirect: 'manual' });
  1230. const guestTwoAsked = tmdb.personRequests.slice(guestPersonReq).map(q => q.path);
  1231. const guestTwoHtml = await (await fetch(BASE + '/person/Guest-Star-Two')).text();
  1232. const guest404 = [(await fetch(BASE + '/person/tmdb/999999', { redirect: 'manual' })).status, (await fetch(BASE + '/person/tmdb/abc', { redirect: 'manual' })).status];
  1233. check('mission 062 guests: the same link again → 302 to the person we have now (no second person); without ?show= (an old link) the name comes from TMDB\'s /person/<id> (Guest Star Two, its short id); unknown / not a number → 404',
  1234. guestAgain.status === 302 && guestAgain.headers.get('location') === '/person/Guest-Star-One' && (log.match(/guest opened: Guest Star One/g) || []).length === 1
  1235. && guestTwo.status === 302 && guestTwo.headers.get('location') === '/person/Guest-Star-Two' && JSON.stringify(guestTwoAsked) === JSON.stringify(['/3/person/3141'])
  1236. && /<h1>Guest Star Two<\/h1>/.test(guestTwoHtml) && /^[a-z0-9]{5}$/.test(sidOfHtml(guestTwoHtml) || '') && sidOfHtml(guestTwoHtml) !== guestSid && guest404[0] === 404 && guest404[1] === 404,
  1237. JSON.stringify({ again: guestAgain.status, loc: guestAgain.headers.get('location'), two: guestTwo.status, twoLoc: guestTwo.headers.get('location'), guestTwoAsked, guest404 }));
  1238. // the #16 person block below counts TMDB's person requests from zero
  1239. tmdb.personRequests.length = 0;
  1240. // ==== mission 062: a WATCH click does not re-send the cast/crew (they derive from the slug, not the session): the face's ack +
  1241. // its session sync carry the rows, never castRows / crewRows ====
  1242. await page.goto(BASE + '/shows/gate-test-show');
  1243. await hydrated();
  1244. const firstEp = await ev(`document.querySelector('episode-row button.checkicon').value`);
  1245. const epClass = () => ev(`document.querySelector('episode-row button.checkicon[value="${firstEp}"]').getAttribute('class')`);
  1246. const class0 = await epClass();
  1247. await page.resetWs();
  1248. const watchT0 = Date.now();
  1249. await clickValue('episode-row button.checkicon', firstEp);
  1250. await page.waitFor(`document.querySelector('episode-row button.checkicon[value="${firstEp}"]').getAttribute('class') !== ${JSON.stringify(class0)}`, { timeout: 5000, label: 'watch click' });
  1251. const watchMs = Date.now() - watchT0;
  1252. await new Promise(r => setTimeout(r, 400));
  1253. const watchFrames = (await page.wsFrames()).join('\n');
  1254. check('mission 062: a watch click\'s answer (ack + session sync) carries the rows but NOT the cast or crew (' + watchFrames.length + ' bytes received, ' + watchMs + ' ms)',
  1255. watchFrames.includes('"rows"') && !/castRows|crewRows|Lead Player|Show Creator/.test(watchFrames) && watchFrames.length < 20000,
  1256. JSON.stringify({ rows: watchFrames.includes('"rows"'), len: watchFrames.length, keys: (watchFrames.match(/"[a-zA-Z_]+":/g) || []).filter((k, i, a) => a.indexOf(k) === i).join(' '), hit: (watchFrames.match(/.{0,120}(castRows|crewRows|Lead Player|Show Creator).{0,120}/) || [''])[0] }));
  1257. await clickValue('episode-row button.checkicon', firstEp);
  1258. await page.waitFor(`document.querySelector('episode-row button.checkicon[value="${firstEp}"]').getAttribute('class') === ${JSON.stringify(class0)}`, { timeout: 5000, label: 'watch click back' });
  1259. cr = await credits();
  1260. check('mission 062: after two watch clicks the cast and crew are still all there (23 + 7 links)', cr.cast.length === 23 && cr.crew.length === 7, JSON.stringify(cr).slice(0, 300));
  1261. // the face sends its own rows only when the page opened/closed a season (`collapsedChanged`) — else the session sync's rows are
  1262. // the answer: also after a CLIENT-SIDE navigation (/my/shows → the show)
  1263. await page.goto(BASE + '/my/shows');
  1264. await hydrated();
  1265. await page.click(`a.myshow-title[href="/shows/gate-test-show"]`);
  1266. await page.waitFor(`location.pathname === '/shows/gate-test-show' && !!document.querySelector('episode-row button.checkicon')`, { timeout: 10000, label: 'show after client-side navigation' });
  1267. const navEp = await ev(`document.querySelector('episode-row button.checkicon').value`);
  1268. const navClass = () => ev(`document.querySelector('episode-row button.checkicon[value="${navEp}"]').getAttribute('class')`);
  1269. const navClass0 = await navClass();
  1270. await page.resetWs();
  1271. await clickValue('episode-row button.checkicon', navEp);
  1272. const navFlip = await page.waitFor(`document.querySelector('episode-row button.checkicon[value="${navEp}"]').getAttribute('class') !== ${JSON.stringify(navClass0)}`, { timeout: 5000, label: 'nav watch click' }).then(() => true, () => false);
  1273. await new Promise(r => setTimeout(r, 300));
  1274. const navFrames = (await page.wsFrames()).join('\n');
  1275. const navValue = navFrames.split('\n').map(f => { try { return JSON.parse(f); } catch { return {}; } }).filter(f => f.value).map(f => Object.keys(f.value).join(','));
  1276. await clickValue('episode-row button.checkicon', navEp);
  1277. const navBack = await page.waitFor(`document.querySelector('episode-row button.checkicon[value="${navEp}"]').getAttribute('class') === ${JSON.stringify(navClass0)}`, { timeout: 5000, label: 'nav watch click back' }).then(() => true, () => false);
  1278. once = await rowsOnce('show-seasons button.checkicon');
  1279. check('mission 062: after a client-side navigation a watch click (no season opened) flips the check and back — the face answers only ok, the rows come by the session sync; every row once',
  1280. navFlip && navBack && JSON.stringify(navValue) === JSON.stringify(['ok']) && navFrames.includes('"rows"') && once.unique, JSON.stringify({ navFlip, navBack, navValue, once }));
  1281. // ---- tracker.worldapi.org#13: the public lists are built at start — after the sync (tool, then a restart) show 1's new
  1282. // S03E01 (2021-05-05) puts it before Pager Older Series (2021-01-01); show 2 has only an upcoming episode: still last
  1283. await page.goto(BASE + '/shows');
  1284. await hydrated();
  1285. tl = await titlesOf('tile-grid');
  1286. 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',
  1287. 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));
  1288. if (process.env.TRACKER_GATE_SHOTS) {
  1289. await page.send('Emulation.setDeviceMetricsOverride', { width: 390, height: 844, deviceScaleFactor: 2, mobile: true });
  1290. for (const [name, path] of [['synced-show-390', '/shows/gate-test-show'], ['synced-movie-390', '/shows/gate-test-movie']]) {
  1291. await page.goto(BASE + path);
  1292. await hydrated();
  1293. writeFileSync(join(process.env.TRACKER_GATE_SHOTS, name + '.png'), Buffer.from((await page.send('Page.captureScreenshot', { format: 'png' })).data, 'base64'));
  1294. }
  1295. await page.send('Emulation.setDeviceMetricsOverride', { width: 1280, height: 900, deviceScaleFactor: 1, mobile: false });
  1296. 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']]) {
  1297. await page.goto(BASE + path);
  1298. await hydrated();
  1299. if (name === 'synced-my-shows') await waitPostersLoaded();
  1300. const shot = await page.send('Page.captureScreenshot', { format: 'png' });
  1301. writeFileSync(join(process.env.TRACKER_GATE_SHOTS, name + '.png'), Buffer.from(shot.data, 'base64'));
  1302. }
  1303. await page.send('Emulation.clearDeviceMetricsOverride', {});
  1304. }
  1305. // ---- THE DAILY RUN INSIDE THE APP: TRACKER_SYNC_HOUR = this very UTC hour, so the app's own clock starts the
  1306. // run right after boot. TMDB now has one more episode and answers slowly (700 ms per request): the run takes
  1307. // seconds, and pages asked for meanwhile must still be answered between two shows, never after the whole run.
  1308. await page.goto('about:blank');
  1309. await stopServer();
  1310. tmdb.shows[1001].seasons[3].episodes.push({ id: 5007, episode_number: 3, name: 'Added Live', air_date: '2096-03-03' });
  1311. // tracker.worldapi.org#13: and show 2 an episode that is ALREADY OUT — the running app must move it to the top of /shows
  1312. tmdb.shows[1002].seasons[0].episodes.push({ id: 7002, episode_number: 2, name: 'Out Already', air_date: '2022-02-02' });
  1313. tmdb.delayMs = 700;
  1314. const before = tmdb.requests.length, tvmazeBeforeRun = tmdb.tvmazeRequests.length;
  1315. await startServer({ TRACKER_SYNC: '1', TRACKER_SYNC_HOUR: String(new Date().getUTCHours()) });
  1316. const lat = [];
  1317. const t0 = Date.now();
  1318. while (!log.includes('tmdb sync done') && Date.now() - t0 < 30000) {
  1319. const a = Date.now();
  1320. await fetch(BASE + '/');
  1321. lat.push({ at: a - t0, ms: Date.now() - a, running: log.includes('tmdb sync: start') && !log.includes('tmdb sync done') });
  1322. await new Promise(r => setTimeout(r, 150));
  1323. }
  1324. const runDone = (log.match(/tmdb sync done: .*/) || [''])[0];
  1325. check('in-app daily run: started by the app\'s own clock at the configured hour, found the 2 new episodes, 0 errors',
  1326. 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);
  1327. const during = lat.filter(l => l.running);
  1328. const runSecs = Number((runDone.match(/seconds=([0-9.]+)/) || [0, 0])[1]);
  1329. console.log(` (in-app run ${runSecs} s; ${during.length} pages asked during it, slowest ${Math.max(0, ...during.map(l => l.ms))} ms)`);
  1330. 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',
  1331. runSecs >= 3 && during.length >= 3 && during.every(l => l.ms < 2500), 'run ' + runSecs + ' s, during: ' + JSON.stringify(during));
  1332. 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
  1333. && 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)));
  1334. await page.goto(BASE + '/my/schedule');
  1335. await hydrated();
  1336. rows = await scheduleRows();
  1337. 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));
  1338. await page.goto(BASE + '/shows');
  1339. await hydrated();
  1340. tl = await titlesOf('tile-grid');
  1341. 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',
  1342. JSON.stringify(tl) === JSON.stringify(['Unwatched Gate Show', 'Gate Test Show', 'Pager Older Series']), JSON.stringify(tl));
  1343. await page.goto(BASE + '/');
  1344. await hydrated();
  1345. tl = await titlesOf('#home-shows');
  1346. 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));
  1347. // ==== tracker.worldapi.org#15: THE TVMAZE MERGE — TVmaze knows more than TMDB: show 1 (TVmaze 501) gets S3E4's real
  1348. // title + air date (TMDB: "Episode 4", no date), a new S3E5 and a new season 4; TVmaze's other name for S3E1 must NOT
  1349. // replace TMDB's; its S1E1 airs on another day but has the same title (still agrees). Show 2 (502) TVmaze numbers
  1350. // differently (S1E1 another title, 7 years off — like a split pilot) → TVmaze is ignored for it. ====
  1351. await page.goto('about:blank');
  1352. await stopServer();
  1353. tmdb.delayMs = 0;
  1354. tmdb.shows[1001].seasons[3].episodes.push({ id: 5008, episode_number: 4, name: 'Episode 4' });
  1355. const tvm501 = tmdb.tvmaze.episodes[501].filter(e => !(e.season === 3 && e.number === 1));
  1356. 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' },
  1357. { 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' },
  1358. { id: 8010, season: 4, number: 1, name: 'New Season Premiere', airdate: '2096-06-06' });
  1359. tmdb.tvmaze.episodes[501] = tvm501;
  1360. 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' }];
  1361. // a date that differs (another country's premiere) but the SAME title still counts as the same numbering
  1362. tvm501.find(e => e.season === 1 && e.number === 1).airdate = '2019-12-20';
  1363. out = await runTool();
  1364. done = (out.match(/tmdb sync done: .*/) || [''])[0];
  1365. 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',
  1366. 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);
  1367. out = await runTool();
  1368. done = (out.match(/tmdb sync done: .*/) || [''])[0];
  1369. check('tvmaze merge again: idempotent — nothing new, nothing filled, no TMDB update (TMDB\'s "Episode 4" does not replace TVmaze\'s "Real Fourth")',
  1370. done.includes('newSeasons=0 newEpisodes=0 updatedEpisodes=0 updatedSeasons=0') && done.includes('errors=0 tvmazeEpisodes=0 tvmazeSeasons=0 tvmazeFilled=0 tvmazeSkipped=1'), out);
  1371. await startServer();
  1372. await page.goto(BASE + '/my/schedule');
  1373. await hydrated();
  1374. rows = await scheduleRows();
  1375. 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([
  1376. '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',
  1377. 'Gate Test Show (2024) | S04E01 · New Season Premiere | 2096-06-06', 'Unwatched Gate Show (2025) | S01E01 · Brand New | 2097-01-01',
  1378. 'Gate Test Show (2024) | S03E02 · Coming Soon | 2098-06-01', 'Gate Test Show (2024) | S02E01 · Season Two Opener | 2099-01-01']), JSON.stringify(rows));
  1379. const seasonsAndTitles = async () => {
  1380. await page.goto(BASE + '/shows/gate-test-show');
  1381. await hydrated();
  1382. const seasons = await ev(`Array.from(document.querySelectorAll('season-row')).map(e => e.querySelector('season-label').textContent + ': ' + e.querySelector('season-count').textContent)`);
  1383. 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`));
  1384. await page.waitFor(`document.querySelectorAll('episode-row').length >= 6`, { timeout: 10000, label: 'S3 expanded' });
  1385. const titles = await ev(`Array.from(document.querySelectorAll('episode-row')).map(e => e.querySelector('episode-number').textContent + ' ' + e.querySelector('episode-title').textContent)`);
  1386. return { seasons, titles };
  1387. };
  1388. let tst = await seasonsAndTitles();
  1389. 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',
  1390. JSON.stringify(tst.seasons) === JSON.stringify(['Season 4: 1 episode', 'Season 3: 5 episodes', 'Season 2: 1 episode', 'Season 1: 3 episodes'])
  1391. && 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));
  1392. if (process.env.TRACKER_GATE_SHOTS) {
  1393. for (const [w, h, mobile] of [[390, 844, true], [1280, 900, false]]) {
  1394. await page.send('Emulation.setDeviceMetricsOverride', { width: w, height: h, deviceScaleFactor: mobile ? 2 : 1, mobile });
  1395. for (const [name, path] of [['tvmaze-schedule', '/my/schedule'], ['tvmaze-show', '/shows/gate-test-show']]) {
  1396. await page.goto(BASE + path);
  1397. await hydrated();
  1398. writeFileSync(join(process.env.TRACKER_GATE_SHOTS, `${name}-${w}.png`), Buffer.from((await page.send('Page.captureScreenshot', { format: 'png' })).data, 'base64'));
  1399. }
  1400. }
  1401. await page.send('Emulation.clearDeviceMetricsOverride', {});
  1402. }
  1403. // TMDB catches up: it now lists S3E5 (its own title) and season 4 — the TMDB step ADOPTS TVmaze's rows by number (no
  1404. // duplicate), TMDB's values win; its "Episode 4" still never replaces "Real Fourth"
  1405. await page.goto('about:blank');
  1406. await stopServer();
  1407. tmdb.shows[1001].seasons[3].episodes.push({ id: 5009, episode_number: 5, name: 'Official Fifth', air_date: '2096-05-05' });
  1408. 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' }] });
  1409. out = await runTool();
  1410. done = (out.match(/tmdb sync done: .*/) || [''])[0];
  1411. check('tvmaze merge, TMDB catches up: TMDB adopts the 2 TVmaze episodes (updatedEpisodes=2: tmdbId set, S3E5 renamed), creates nothing, TVmaze adds nothing',
  1412. done.includes('newSeasons=0 newEpisodes=0 updatedEpisodes=2 updatedSeasons=0') && done.includes('errors=0 tvmazeEpisodes=0 tvmazeSeasons=0 tvmazeFilled=0'), out);
  1413. await startServer();
  1414. tst = await seasonsAndTitles();
  1415. check('tvmaze merge, TMDB caught up: still S4 1 / S3 5 episodes (no duplicates), S3E5 now TMDB\'s "Official Fifth", S3E4 still "Real Fourth"',
  1416. JSON.stringify(tst.seasons) === JSON.stringify(['Season 4: 1 episode', 'Season 3: 5 episodes', 'Season 2: 1 episode', 'Season 1: 3 episodes'])
  1417. && 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));
  1418. // ==== tracker.worldapi.org#14: THE SEARCH, signed IN — "Add" imports the title like the daily sync and opens its page ====
  1419. tmdb.delayMs = 0;
  1420. await page.goto(BASE + '/search/gate');
  1421. await hydrated();
  1422. await page.click('#fetchweb');
  1423. await page.waitFor(`document.querySelectorAll('web-row').length > 0`, { timeout: 10000, label: 'web results (signed in)' });
  1424. const dbBefore = await searchTitles();
  1425. // hybriel#121/#122: a SESSION face (searchImport) that stays on the page — tv 1006's details answer 404 — must leave every
  1426. // list as it was: each row once, the route-param text still in the field and in data-for
  1427. await page.click('web-row button.add[value="tv:1006"]');
  1428. await page.waitFor(`!!document.querySelector('#importerror')`, { timeout: 10000, label: 'import error' }).catch(() => {});
  1429. await new Promise(r => setTimeout(r, 300));
  1430. 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)',
  1431. (await ev(`document.querySelector('#importerror') ? document.querySelector('#importerror').textContent : ''`)) === 'Could not add it: TMDB: HTTP 404 for /tv/1006?append_to_response=external_ids,aggregate_credits'
  1432. && (await searchTitles()) === dbBefore && dbBefore === JSON.stringify(GATE_TITLES) && (await webList()) === JSON.stringify(GATE_WEB)
  1433. && (await ev(`document.querySelector('#searchinput').value`)) === 'gate' && (await searchFor()) === 'gate' && (await ev('location.pathname')) === '/search/gate',
  1434. (await ev(`document.querySelector('search-page').outerHTML.slice(0, 1500)`)));
  1435. await typeSearch('gate t');
  1436. 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());
  1437. await typeSearch('gate');
  1438. await page.click('#fetchweb');
  1439. await page.waitFor(`document.querySelectorAll('web-row').length > 0`, { timeout: 10000 });
  1440. const reqBefore = tmdb.requests.length;
  1441. await page.click('web-row button.add[value="tv:1004"]');
  1442. await page.waitFor(`location.pathname !== '/search/gate' && !!document.querySelector('show-header h1')`, { timeout: 15000, label: 'imported show page' });
  1443. await page.waitFor(`!!document.querySelector('show-poster img') && document.querySelector('show-poster img').complete`, { timeout: 5000 }).catch(() => {});
  1444. const imp = JSON.parse(await ev(`JSON.stringify({ path: location.pathname, h1: document.querySelector('show-header h1').textContent,
  1445. seasons: Array.from(document.querySelectorAll('season-row')).map(r => r.querySelector('season-label').textContent + ': ' + r.querySelector('season-count').textContent),
  1446. episodes: Array.from(document.querySelectorAll('episode-row episode-title')).map(e => e.textContent), genres: Array.from(document.querySelectorAll('.genre-pill')).map(g => g.textContent),
  1447. poster: document.querySelector('show-poster img') ? document.querySelector('show-poster img').getAttribute('src') : null,
  1448. posterW: document.querySelector('show-poster img') ? document.querySelector('show-poster img').naturalWidth : 0, summary: document.querySelector('show-summary').textContent })`));
  1449. lk = await extLinks();
  1450. 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',
  1451. imp.path === '/shows/Gate-Import-Show' && imp.h1 === 'Gate Import Show' && JSON.stringify(imp.seasons) === JSON.stringify(['Season 1: 2 episodes'])
  1452. && JSON.stringify(imp.episodes) === JSON.stringify(['Imported One', 'Imported Two']) && JSON.stringify(imp.genres) === JSON.stringify(['Drama'])
  1453. && 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));
  1454. // mission 060: the imported title has its short id AT ONCE (claimed at creation, no restart, the run's backfill was done)
  1455. const impSid = await ev(`(document.querySelector('show-poster #shortid') || {}).textContent || null`);
  1456. check('short ids: a search import has its short id at once, under the poster (5 characters a–z 0–9)', /^[a-z0-9]{5}$/.test(impSid || '') && impSid !== '100jh', impSid);
  1457. cr = await credits();
  1458. check('#28 search import: the imported series has its cast (Imported Lead as Captain) and crew (Created by Import Creator) at once',
  1459. JSON.stringify(cr.cast) === JSON.stringify([['Imported Lead', ' (Captain)', '/person/Imported-Lead']]) && JSON.stringify(cr.crewSeen) === JSON.stringify(['[Created by]', 'Import Creator'])
  1460. && /search import credits: \/shows\/Gate-Import-Show cast=1 crew=1 people=2 /.test(log), JSON.stringify(cr) + log.split('\n').filter(l => /import/.test(l)).join('\n'));
  1461. const impPeople = [sidOfHtml(await (await fetch(BASE + '/person/Imported-Lead')).text()), sidOfHtml(await (await fetch(BASE + '/person/Import-Creator')).text())];
  1462. check('mission 062 short ids: the import\'s new cast + crew people (Imported Lead, Import Creator) have their short ids at once', impPeople.every(x => /^[a-z0-9]{5}$/.test(x || '')) && impPeople[0] !== impPeople[1], JSON.stringify(impPeople));
  1463. check('search import: the ids came like the daily sync\'s — TMDB, IMDb tt0000004, TVDB 4004, TVmaze 504 (looked up by thetvdb)',
  1464. linksAre(lk, [['TMDB', TMDB_TV + '1004'], ['IMDb', IMDB + 'tt0000004/'], ['TVDB', TVDB + '4004'], ['TVmaze', TVMAZE + '504']]), lk);
  1465. const impPaths = tmdb.requests.slice(reqBefore).map(q => q.path);
  1466. // (#28: ONE details request — the record, ids and credits — handed to the sync, no second one)
  1467. check('search import: TMDB asked exactly like the sync (details with external_ids + aggregate_credits, seasons, poster), the details only ONCE, all with the token',
  1468. JSON.stringify(impPaths) === JSON.stringify(['/3/tv/1004?append_to_response=external_ids,aggregate_credits', '/3/tv/1004?append_to_response=season/1', '/t/p/w342/gate4.png'])
  1469. && tmdb.requests.slice(reqBefore).filter(q => q.path.startsWith('/3/')).every(q => q.authorization === 'Bearer gate-token'), JSON.stringify(impPaths));
  1470. await page.goto(BASE + '/search/gate');
  1471. await hydrated();
  1472. st14 = await searchTitles();
  1473. check('search import: our database has it at once (the index too): "gate" now also lists Gate Import Show (2023)',
  1474. st14 === JSON.stringify([GATE_TITLES[0], GATE_TITLES[1], ['Gate Import Show (2023)', '/shows/Gate-Import-Show', 'Series'], GATE_TITLES[2]]), st14);
  1475. await page.click('#fetchweb');
  1476. await page.waitFor(`document.querySelectorAll('web-row').length > 0`, { timeout: 10000 });
  1477. wl = await webList();
  1478. check('search import: the web list leaves it out now (we have it)', wl === JSON.stringify(GATE_WEB.slice(1)), wl);
  1479. await page.click('web-row button.add[value="movie:1005"]');
  1480. await page.waitFor(`location.pathname === '/shows/Gate-Import-Movie' && !!document.querySelector('show-header h1')`, { timeout: 15000, label: 'imported movie page' });
  1481. lk = await extLinks();
  1482. check('search import: a MOVIE (movie 1005) → /shows/Gate-Import-Movie, synced via /movie/ (TMDB /movie/1005 + IMDb), no seasons',
  1483. (await ev(`document.querySelector('show-header h1').textContent`)) === 'Gate Import Movie' && linksAre(lk, [['TMDB', TMDB_MOVIE + '1005'], ['IMDb', IMDB + 'tt0000005/']])
  1484. && (await ev(`document.querySelectorAll('season-row').length`)) === 0 && !tmdb.requests.some(q => q.path.startsWith('/3/tv/1005')), lk);
  1485. await page.goto(BASE + '/search/gate%20import');
  1486. await hydrated();
  1487. st14 = await searchTitles();
  1488. 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);
  1489. // merge of #13 + #14: an imported title is in the public lists at once (catalog.hl refreshCatalogShow), no restart
  1490. await page.goto(BASE + '/movies');
  1491. await hydrated();
  1492. titles = await titlesOf('tile-grid');
  1493. await page.goto(BASE + '/shows');
  1494. await hydrated();
  1495. tl = await titlesOf('tile-grid');
  1496. 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',
  1497. 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 }));
  1498. // mission 058 (#25): the genre lists too (catalog.hl refreshGenres) — both imports are Drama (TMDB genre 18 = ours by name)
  1499. await page.goto(BASE + '/genres/Drama');
  1500. await hydrated();
  1501. titles = await titlesOf('tile-grid');
  1502. check('#25: imported titles are in their genre at once — /genres/Drama: Gate Import Show (episode 2023-02-09), Gate Test Show (S03E01 2021-05-05), Gate Import Movie (2001-05-05)',
  1503. JSON.stringify(titles) === JSON.stringify(['Gate Import Show', 'Gate Test Show', 'Gate Import Movie']), JSON.stringify(titles));
  1504. if (process.env.TRACKER_GATE_SHOTS) {
  1505. for (const [w, h, mobile] of [[390, 844, true], [1280, 900, false]]) {
  1506. await page.send('Emulation.setDeviceMetricsOverride', { width: w, height: h, deviceScaleFactor: mobile ? 2 : 1, mobile });
  1507. await page.goto(BASE + '/search/gate');
  1508. await hydrated();
  1509. await page.click('#fetchweb');
  1510. await page.waitFor(`document.querySelectorAll('web-row').length > 0`, { timeout: 10000 });
  1511. await page.waitFor(`Array.from(document.querySelectorAll('img')).every(i => i.complete)`, { timeout: 5000 }).catch(() => {});
  1512. writeFileSync(join(process.env.TRACKER_GATE_SHOTS, `search-web-${w}.png`), Buffer.from((await page.send('Page.captureScreenshot', { format: 'png' })).data, 'base64'));
  1513. }
  1514. await page.send('Emulation.clearDeviceMetricsOverride', {});
  1515. }
  1516. 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'));
  1517. // ==== mission 054: ADULT TITLES — the public lists and the search show only titles TMDB says are NOT adult (unknown =
  1518. // hidden); a followed adult title stays on /my/* and its page; the in-app BACKFILL asks TMDB title by title, resumes
  1519. // after a restart, and pages stay fast meanwhile. tests/seed-adult.hl adds the titles (app stopped) ====
  1520. await page.goto('about:blank'); // mission 056: a tab left on a page logs websocket reconnect errors while the server is down
  1521. await stopServer();
  1522. const seedAdult = execFileSync(join(APP, 'bin/hybriel'), ['tests/seed-adult.hl'], { cwd: APP, env: { ...process.env, TRACKER_STORAGE: MPACKDB, TRACKER_SEED_USER: 'gateu0000000000u1' } }).toString();
  1523. 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);
  1524. await startServer();
  1525. const ADULT_ALL = ['Adult Gate Movie', 'Flagless Gate Movie', 'Flagless Adult Movie', 'Flagless Gate Series', 'Gone Gate Movie', 'Backfill Movie'];
  1526. // the signed-OUT HTML of a page (node fetch, no cookie): which of these titles it names
  1527. const namesIn = async (path) => { const h = await (await fetch(BASE + path)).text(); return ADULT_ALL.filter(t => h.includes(t)); };
  1528. const allMoviesHtml = async () => { let h = ''; for (const p of ['/movies', '/movies/page/2']) h += await (await fetch(BASE + p)).text(); return h; };
  1529. const mh = await allMoviesHtml();
  1530. let seen = { home: await namesIn('/'), movies: ADULT_ALL.filter(t => mh.includes(t)), shows: await namesIn('/shows') };
  1531. 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)',
  1532. seen.home.length === 0 && seen.movies.length === 0 && seen.shows.length === 0 && mh.includes('34 movies, newest first'), JSON.stringify(seen));
  1533. let sr = await (await fetch(BASE + '/search/flagless')).text();
  1534. const sr2 = await (await fetch(BASE + '/search/adult%20gate')).text();
  1535. check('adult (backfill off): the search finds none of them ("flagless", "adult gate" → "Nothing in our database yet.")',
  1536. 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));
  1537. await page.goto(BASE + '/my/movies');
  1538. await hydrated();
  1539. const myMv = await ev(`JSON.stringify(Array.from(document.querySelectorAll('my-show-row')).map(r => r.querySelector('a.myshow-title').textContent))`);
  1540. 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);
  1541. await page.click('a.myshow-title[href="/shows/adult-gate-movie"]');
  1542. await page.waitFor(`location.pathname === '/shows/adult-gate-movie' && !!document.querySelector('show-page')`, { timeout: 10000, label: 'adult page (alice)' });
  1543. await page.waitFor(`!!document.querySelector('show-header h1')`, { timeout: 5000 }).catch(() => {});
  1544. check('adult: …and its page opens for her (client-side from /my/movies, and on a reload) with "Following"',
  1545. (await ev(`document.querySelector('show-header h1') ? document.querySelector('show-header h1').textContent : 'none'`)) === 'Adult Gate Movie'
  1546. && (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');
  1547. // mission 056: the adult title's PAGE is "Not found" for anyone who does not follow it — signed out (no cookie) here
  1548. const adultOut = await (await fetch(BASE + '/shows/adult-gate-movie')).text();
  1549. const pageH1 = (h) => (h.match(/<show-page[^>]*>[\s\S]*?<h1[^>]*>([^<]*)<\/h1>/) || [])[1];
  1550. 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)',
  1551. pageH1(adultOut) === 'Not found' && !adultOut.includes('Adult Gate Movie') && pageH1(await (await fetch(BASE + '/shows/flagless-gate-movie')).text()) === 'Flagless Gate Movie', pageH1(adultOut));
  1552. await page.goto(BASE + '/');
  1553. await hydrated();
  1554. const homeIn = await ev(`document.querySelector('home').textContent`);
  1555. check('adult: signed in too, the homepage rows have none of them (only /my/* is personal)', ADULT_ALL.every(t => !homeIn.includes(t)), homeIn);
  1556. await page.goto(BASE + '/search/gate');
  1557. await hydrated();
  1558. const wsBefore = tmdb.searchRequests.length;
  1559. await page.click('#fetchweb');
  1560. await page.waitFor(`document.querySelectorAll('web-row').length > 0 || !!document.querySelector('#webnote')`, { timeout: 10000, label: 'web results (adult)' });
  1561. wl = await webList();
  1562. check('adult: "Fetch from web" asks TMDB with include_adult=false and leaves out the result TMDB marks adult (Gate Adult Web)',
  1563. !wl.includes('Gate Adult Web') && wl.includes('Gate Broken Show') && tmdb.searchRequests.length === wsBefore + 1 && tmdb.searchRequests[wsBefore].path.includes('include_adult=false'), wl);
  1564. 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);
  1565. // ---- the BACKFILL: every answer slowed down to 300 ms; stopped after 6 titles, started again → it goes on with the rest ----
  1566. await page.goto('about:blank'); // mission 056: a tab left on a page logs websocket reconnect errors while the server is down
  1567. await stopServer();
  1568. tmdb.delayMs = 300;
  1569. const bfReq = tmdb.requests.length;
  1570. await startServer({ TRACKER_BACKFILL: '1', TRACKER_BACKFILL_LOG_EVERY: '3' });
  1571. 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); };
  1572. const got6 = await waitLog(/adult backfill: 6\/14 titles/, 30000);
  1573. const log1 = log;
  1574. await page.goto('about:blank'); // mission 056: a tab left on a page logs websocket reconnect errors while the server is down
  1575. await stopServer();
  1576. const asked1 = tmdb.requests.slice(bfReq).map(q => q.path).filter(p => /^\/3\/(movie|tv)\//.test(p));
  1577. 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',
  1578. got6 && log1.includes('adult backfill: start, 14 titles without an adult flag') && /adult backfill: 3\/14 titles/.test(log1)
  1579. && 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'));
  1580. const bfReq2 = tmdb.requests.length;
  1581. await startServer({ TRACKER_BACKFILL: '1', TRACKER_BACKFILL_LOG_EVERY: '3' });
  1582. // the start line comes with the clock's first tick, which can be after the first page answer (mission 056: it was)
  1583. await waitLog(/adult backfill: start, \d+ titles/, 5000);
  1584. const left = Number((log.match(/adult backfill: start, (\d+) titles/) || [])[1]);
  1585. // pages DURING the run: signed out, the homepage, /movies and a search, back to back, timed
  1586. const during54 = [];
  1587. const t054 = Date.now();
  1588. while (!/adult backfill done/.test(log) && Date.now() - t054 < 60000) {
  1589. for (const p of ['/', '/movies', '/search/backfill']) { const t = Date.now(); await (await fetch(BASE + p)).text(); during54.push({ p, ms: Date.now() - t }); }
  1590. }
  1591. const bfSecs = (Date.now() - t054) / 1000;
  1592. const asked2 = tmdb.requests.slice(bfReq2).map(q => q.path).filter(p => /^\/3\/(movie|tv)\//.test(p));
  1593. const askedIds = [...asked1, ...asked2].map(p => p.match(/\/3\/(?:movie|tv)\/(\d+)/)[1]);
  1594. const twice = askedIds.filter((x, k) => askedIds.indexOf(x) !== k);
  1595. const doneLine = (log.match(/adult backfill done: .*/) || [''])[0];
  1596. 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})`);
  1597. 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',
  1598. 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 }));
  1599. check('backfill: done — it stops when nothing is unknown (the done line with its counts); the 404 (1120) was logged',
  1600. /^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'));
  1601. check('backfill: pages stay fast during the run (300 ms per TMDB answer) — every page < 1.2 s, and pages were asked during it',
  1602. during54.length >= 6 && during54.every(l => l.ms < 1200), JSON.stringify(during54.filter(l => l.ms >= 500)));
  1603. // the lists updated AS the flags arrived (no restart since the run)
  1604. seen = { home: await namesIn('/'), shows: await namesIn('/shows') };
  1605. const mh2 = await allMoviesHtml();
  1606. seen.movies = ADULT_ALL.filter(t => mh2.includes(t));
  1607. 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)',
  1608. 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')
  1609. && JSON.stringify(seen.shows) === JSON.stringify(['Flagless Gate Series']) && JSON.stringify(seen.home) === JSON.stringify(['Flagless Gate Movie', 'Flagless Gate Series']), JSON.stringify(seen));
  1610. sr = await (await fetch(BASE + '/search/flagless')).text();
  1611. check('backfill → the search at once: "flagless" finds Flagless Gate Series + Flagless Gate Movie, not Flagless Adult Movie',
  1612. 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));
  1613. 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)',
  1614. !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?')),
  1615. (log1 + log).split('\n').filter(l => /backfill/.test(l)).join('\n'));
  1616. const pr = await fetch(BASE + '/posters/admvfl.png');
  1617. 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')));
  1618. // a third start: nothing unknown is left that TMDB can answer (the 404 is marked) → no request at all
  1619. await page.goto('about:blank'); // mission 056: a tab left on a page logs websocket reconnect errors while the server is down
  1620. await stopServer();
  1621. const bfReq3 = tmdb.requests.length;
  1622. tmdb.delayMs = 0;
  1623. await startServer({ TRACKER_BACKFILL: '1' });
  1624. await waitLog(/adult backfill: nothing to do/, 5000);
  1625. await new Promise(r => setTimeout(r, 500));
  1626. check('backfill: a restart afterwards has nothing to do (the 404 title is marked, not asked again) — no TMDB request',
  1627. 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'));
  1628. check('adult: the server log has no error', !/error absorbed/i.test(log), log);
  1629. await page.goto(BASE + '/');
  1630. await hydrated();
  1631. 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'));
  1632. // mission 056: alice UNFOLLOWS the adult movie on its page (a session face → hl:web's session sync re-derives `found` with
  1633. // the page's slug, hybriel#122): she no longer follows it → "Not found" at once, on a reload, and it leaves /my/movies
  1634. await page.goto(BASE + '/shows/adult-gate-movie');
  1635. await hydrated();
  1636. const adultBefore = await ev(`(document.querySelector('show-header h1') || {}).textContent + '|' + (document.querySelector('#follow') || {}).textContent`);
  1637. await page.click('#follow');
  1638. const adultGone = await page.waitFor(`(document.querySelector('show-page h1') || {}).textContent === 'Not found'`, { timeout: 5000, label: 'adult page hidden after unfollow' }).then(() => true, () => false);
  1639. const adultAfter = await ev(`(document.querySelector('show-page h1') || {}).textContent + '|' + ((document.querySelector('#follow') || {}).textContent || '')`);
  1640. await page.goto(BASE + '/shows/adult-gate-movie');
  1641. await hydrated();
  1642. const adultReload = await ev(`(document.querySelector('show-page h1') || {}).textContent`);
  1643. await page.goto(BASE + '/my/movies');
  1644. await hydrated();
  1645. const myMv2 = await ev(`Array.from(document.querySelectorAll('a.myshow-title')).map(a => a.textContent).join(',')`);
  1646. 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',
  1647. adultBefore === 'Adult Gate Movie|Following' && adultGone && adultAfter === 'Not found|' && adultReload === 'Not found' && !myMv2.includes('Adult Gate Movie'), JSON.stringify({ adultBefore, adultAfter, adultReload, myMv2 }));
  1648. // and a normal show page still works after a session face (mission 054's failure: the browser re-derived `found` → `rows`)
  1649. await page.goto(BASE + '/shows/gate-test-show');
  1650. await hydrated();
  1651. const ep56 = await ev(`(() => { const b = document.querySelector('episode-row button.checkicon'); return b ? b.value + '|' + b.className : null; })()`);
  1652. await page.click('episode-row button.checkicon');
  1653. 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);
  1654. await page.click('episode-row button.checkicon');
  1655. 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);
  1656. 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);
  1657. // ==== tracker.worldapi.org#16: PERSON PAGES — a complete person at once; an incomplete one fetches TMDB on the first visit
  1658. // ("Loading filmography…", filled without a reload, step by step), titles added once, adult hidden, the links, client-side
  1659. // navigation show → person → show → Back ====
  1660. 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);
  1661. const personFacts = () => ev(`JSON.stringify({ h1: (document.querySelector('person-meta h1') || {}).textContent || null, facts: Array.from(document.querySelectorAll('person-fact')).map(f => f.textContent),
  1662. bio: (document.querySelector('person-bio') || {}).textContent || null, photo: (document.querySelector('person-photo img') || { getAttribute: () => null }).getAttribute('src'),
  1663. photoLoaded: !!(document.querySelector('person-photo img') && document.querySelector('person-photo img').complete && document.querySelector('person-photo img').naturalWidth > 0),
  1664. loading: !!document.querySelector('#personloading'), error: (document.querySelector('#fillerror') || {}).textContent || null })`).then(JSON.parse);
  1665. await page.goto(BASE + '/person/Complete-Person');
  1666. await hydrated();
  1667. await new Promise(r => setTimeout(r, 600));
  1668. let pf = await personFacts();
  1669. let fr = await filmRows();
  1670. 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',
  1671. 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.'
  1672. && 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']])
  1673. && tmdb.personRequests.length === 0, JSON.stringify({ pf, fr, req: tmdb.personRequests }));
  1674. await page.goto(BASE + '/person/Nobody-Here');
  1675. await hydrated();
  1676. check('person: an unknown slug says "Not found"', (await ev(`document.querySelector('person-page h1').textContent`)) === 'Not found');
  1677. check('person: /profiles/<bad name> answers 400', (await fetch(BASE + '/profiles/..%2Fx')).status === 400 || (await fetch(BASE + '/profiles/a%20b')).status === 400);
  1678. // client-side: the show page's cast link → the person page (a window marker proves no reload); TMDB answers slowly (900 ms)
  1679. // so the loading state is seen; then it fills in by itself
  1680. tmdb.personDelayMs = 900;
  1681. await page.goto(BASE + '/shows/gate-test-show');
  1682. await hydrated();
  1683. await ev(`window.__w055 = 'same document'`);
  1684. const fillT0 = Date.now();
  1685. await page.click('a.artist-link[href="/person/Test-Actor"]');
  1686. await page.waitFor(`location.pathname === '/person/Test-Actor' && !!document.querySelector('person-meta h1')`, { timeout: 10000, label: 'person page after the cast click' });
  1687. pf = await personFacts();
  1688. const rowsBefore = (await filmRows()).length;
  1689. // meanwhile another request: answered while the fill runs (the fetch steps yield)
  1690. check('person: first visit (client-side from the cast link) shows "Loading filmography…" and no rows yet',
  1691. pf.h1 === 'Test Actor' && pf.loading && (await ev(`document.querySelector('#personloading').textContent`)).startsWith('Loading filmography') && rowsBefore === 0, JSON.stringify({ pf, rowsBefore }));
  1692. await page.waitFor(`!document.querySelector('#personloading') && document.querySelectorAll('a.film-row').length > 0`, { timeout: 20000, label: 'filmography filled in' });
  1693. const fillMs = Date.now() - fillT0;
  1694. await page.waitFor(`document.querySelector('person-photo img') && document.querySelector('person-photo img').complete`, { timeout: 5000, label: 'photo' }).catch(() => {});
  1695. pf = await personFacts();
  1696. fr = await filmRows();
  1697. const marker16 = await ev('window.__w055 || null');
  1698. check('person: the filmography filled in WITHOUT a reload (same document) — facts and the photo from TMDB too',
  1699. 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.'
  1700. && pf.photo === '/profiles/p1.png' && pf.photoLoaded, JSON.stringify({ marker16, pf, fillMs }));
  1701. const bio0 = await ev(`document.querySelector('person-bio').className`);
  1702. await page.click('person-bio');
  1703. await page.waitFor(`document.querySelector('person-bio').className === 'full'`, { timeout: 5000, label: 'bio open' }).catch(() => {});
  1704. const bio1 = await ev(`document.querySelector('person-bio').className + '|' + getComputedStyle(document.querySelector('person-bio')).webkitLineClamp`);
  1705. check('person: the bio is SHORT (four lines) until clicked, then whole', bio0 === 'short' && bio1 === 'full|none', bio0 + ' → ' + bio1);
  1706. const titles16 = fr.map(r => r[0]);
  1707. check('person: 86 rows (87 TMDB titles − the adult one), newest first, undated last; roles of cast + crew merged; the adult title hidden',
  1708. 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'],
  1709. ['Person Series', '2015', 'Series', 'Lead', '/shows/Person-Series'], ['Person Film One', '2010', 'Movie', 'Hero / Director', '/shows/Person-Film-One']])
  1710. && 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'])
  1711. && 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)));
  1712. 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')))`));
  1713. check('person: posters — our file when we have one (show 1), else TMDB\'s small one (w92), else the placeholder',
  1714. posters16[0] === '/posters/sh1.png' && posters16[1] === '/posters/none' && posters16[3] === tmdb.base + '/t/p/w92/pf1.png', JSON.stringify(posters16));
  1715. const pr16 = tmdb.personRequests.map(q => q.path);
  1716. const fillLines = log.split('\n').filter(l => l.startsWith('person fill: '));
  1717. 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)',
  1718. 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'
  1719. && fillLines.length === 1 && /^person fill: Test Actor \(tmdb 3002\) credits=87 added=85 requests=2 steps=4 /.test(fillLines[0]), JSON.stringify({ pr16, fillLines }));
  1720. tmdb.personDelayMs = 0;
  1721. // the links: a row → its show page (client-side); Back → the person page, complete now (no loading)
  1722. await page.click('a.film-row[href="/shows/gate-test-show"]');
  1723. await page.waitFor(`location.pathname === '/shows/gate-test-show' && !!document.querySelector('show-header h1')`, { timeout: 10000, label: 'show page from the filmography' });
  1724. const back1 = await ev(`document.querySelector('show-header h1').textContent + '|' + (window.__w055 || '')`);
  1725. await ev('history.back()');
  1726. await page.waitFor(`location.pathname === '/person/Test-Actor' && document.querySelectorAll('a.film-row').length === 86`, { timeout: 10000, label: 'Back to the person' });
  1727. pf = await personFacts();
  1728. check('person: a filmography row → the show page (client-side), Back → the person page, filled, no loading again',
  1729. back1 === 'Gate Test Show|same document' && !pf.loading && (await ev('window.__w055 || null')) === 'same document', JSON.stringify({ back1, pf }));
  1730. // ==== tracker.worldapi.org#26: a title the fill added is MINIMAL — opening it shows what it has + skeletons and completes it
  1731. // without a reload (face showComplete held back 1.5 s so the skeleton state is seen) ====
  1732. const titleParts = () => ev(`JSON.stringify({ h1: (document.querySelector('show-header h1') || {}).textContent || null, summary: (document.querySelector('show-summary') || {}).textContent || null,
  1733. loading: !!document.querySelector('#showloading'), skPoster: !!document.querySelector('skeleton-poster'), skCast: !!document.querySelector('skeleton-cast'),
  1734. skRows: document.querySelectorAll('show-loading skeleton-row').length, poster: (document.querySelector('show-poster img') || { getAttribute: () => null }).getAttribute('src'),
  1735. posterLoaded: !!(document.querySelector('show-poster img') && document.querySelector('show-poster img').complete && document.querySelector('show-poster img').naturalWidth > 0),
  1736. genres: Array.from(document.querySelectorAll('a.genre-pill')).map(a => a.textContent).join(','), cast: Array.from(document.querySelectorAll('a.artist-link')).map(a => a.textContent + ' ' + a.getAttribute('href')).join(','),
  1737. seasons: Array.from(document.querySelectorAll('season-row')).map(r => r.querySelector('season-label').textContent + ': ' + r.querySelector('season-count').textContent),
  1738. episodes: Array.from(document.querySelectorAll('episode-row')).map(r => r.querySelector('episode-number').textContent + ' ' + r.querySelector('episode-title').textContent), marker: window.__w055 || null })`).then(JSON.parse);
  1739. const asked = (re) => tmdb.requests.filter(q => re.test(q.path)).map(q => q.path);
  1740. const sentBefore26 = (await page.wsSent()).length;
  1741. await ev(`window.__delayFace = { name: 'showComplete', ms: 1500 }`);
  1742. await page.click('a.film-row[href="/shows/Person-Film-One"]');
  1743. await page.waitFor(`location.pathname === '/shows/Person-Film-One' && !!document.querySelector('show-header h1')`, { timeout: 10000, label: 'new title page' });
  1744. let tp = await titleParts();
  1745. check('#26: a title the fill added opens (client-side) with what it has — title, the credit\'s overview, TMDB link, genre Drama, Test Actor — plus the skeleton (poster, cast line; a movie: no season rows); TMDB not asked yet',
  1746. tp.h1 === 'Person Film One' && tp.summary === 'a film of the person' && tp.loading && tp.skPoster && tp.skCast && tp.skRows === 0 && tp.poster === null && tp.genres === 'Drama'
  1747. && tp.cast === 'Test Actor /person/Test-Actor' && linksAre(await extLinks(), [['TMDB', TMDB_MOVIE + '2001']]) && asked(/\/3\/movie\/2001/).length === 0 && tp.marker === 'same document', JSON.stringify(tp));
  1748. if (process.env.TRACKER_GATE_SHOTS) writeFileSync(join(process.env.TRACKER_GATE_SHOTS, 'title-skeleton-1280.png'), Buffer.from((await page.send('Page.captureScreenshot', { format: 'png' })).data, 'base64'));
  1749. await page.waitFor(`!document.querySelector('#showloading')`, { timeout: 15000, label: 'title complete' });
  1750. await page.waitFor(`document.querySelector('show-poster img') && document.querySelector('show-poster img').complete`, { timeout: 5000, label: 'poster' }).catch(() => {});
  1751. await ev(`window.__delayFace = null`);
  1752. tp = await titleParts();
  1753. lk = await extLinks();
  1754. check('#26: … then complete WITHOUT a reload: poster (downloaded), TMDB + IMDb links, both genres, the overview kept, cast = Test Actor (linked, no duplicate) + New Cast Member (a new person) — the adult performer left out; skeletons gone',
  1755. tp.marker === 'same document' && !tp.loading && !tp.skPoster && !tp.skCast && tp.poster === '/posters/tmdb-movie-2001.png' && tp.posterLoaded && tp.summary === 'a film of the person'
  1756. && linksAre(lk, [['TMDB', TMDB_MOVIE + '2001'], ['IMDb', IMDB + 'tt0002001/']]) && tp.genres === 'Drama'
  1757. && tp.cast === 'Test Actor /person/Test-Actor,New Cast Member /person/New-Cast-Member', JSON.stringify(tp) + lk);
  1758. cr = await credits();
  1759. check('#28: the completed title also shows its crew at once (Directed by Test Actor), no toggle', JSON.stringify(cr.crewSeen) === JSON.stringify(['[Directed by]', 'Test Actor']) && cr.castToggle === null, JSON.stringify(cr));
  1760. const sent26 = (await page.wsSent()).slice(sentBefore26).filter(f => /showComplete/.test(f));
  1761. check('#26: ONE TMDB details request (external_ids + credits, Bearer token) + the poster; the face showComplete sent once; the log line',
  1762. JSON.stringify(asked(/\/(movie\/2001|w342\/pf1)/)) === JSON.stringify(['/3/movie/2001?append_to_response=external_ids,credits', '/t/p/w342/pf1.png'])
  1763. && tmdb.requests.filter(q => q.path.startsWith('/3/movie/2001')).every(q => q.authorization === 'Bearer gate-token') && sent26.length === 1
  1764. && /details on open: "Person Film One" steps=1 requests=2 tvmazeRequests=0 cast=2 newSeasons=0 newEpisodes=0 posters=1 ids=1 /.test(log), JSON.stringify({ a: asked(/2001|pf1/), sent26 }) + log.split('\n').filter(l => /details/.test(l)).join('\n'));
  1765. await page.goto(BASE + '/shows/Person-Film-One');
  1766. await hydrated();
  1767. await new Promise(r => setTimeout(r, 500));
  1768. const tpReload = await titleParts();
  1769. check('#26: a reload is complete at once (no skeleton, same parts; Drama only — our genres have no Comedy), TMDB not asked again',
  1770. !tpReload.loading && tpReload.poster === tp.poster && tpReload.cast === tp.cast && tpReload.genres === tp.genres && asked(/\/3\/movie\/2001/).length === 1, JSON.stringify(tpReload));
  1771. await page.click('a.artist-link[href="/person/New-Cast-Member"]');
  1772. await page.waitFor(`location.pathname === '/person/New-Cast-Member' && !!document.querySelector('person-meta h1') && !document.querySelector('#personloading')`, { timeout: 10000, label: 'new person' });
  1773. check('#26: the new cast member has a person page (its slug works at once), filled from TMDB like any other: Person Film One, role Partner; mission 062: its short id at once (created in this run, after the start\'s backfill)',
  1774. /^[a-z0-9]{5}$/.test(await ev(`(document.querySelector('#shortid') || {}).textContent || ''`)) && (await ev(`document.querySelector('person-meta h1').textContent`)) === 'New Cast Member' && JSON.stringify(await filmRows()) === JSON.stringify([['Person Film One', '2010', 'Movie', 'Partner', '/shows/Person-Film-One']]), JSON.stringify(await filmRows()));
  1775. // a SERIES: skeleton season rows, then its season + episodes (TMDB 2 + TVmaze 1), all four links, cast from aggregate_credits
  1776. await page.goto(BASE + '/person/Test-Actor');
  1777. await hydrated();
  1778. await ev(`window.__w055 = 'same document'`);
  1779. await ev(`window.__delayFace = { name: 'showComplete', ms: 1500 }`);
  1780. await page.click('a.film-row[href="/shows/Person-Series"]');
  1781. await page.waitFor(`location.pathname === '/shows/Person-Series' && !!document.querySelector('show-header h1')`, { timeout: 10000, label: 'series page' });
  1782. tp = await titleParts();
  1783. check('#26: an incomplete SERIES opens with 3 skeleton season rows, no seasons yet', tp.h1 === 'Person Series' && tp.loading && tp.skRows === 3 && tp.seasons.length === 0, JSON.stringify(tp));
  1784. if (process.env.TRACKER_GATE_SHOTS) writeFileSync(join(process.env.TRACKER_GATE_SHOTS, 'series-skeleton-1280.png'), Buffer.from((await page.send('Page.captureScreenshot', { format: 'png' })).data, 'base64'));
  1785. await page.waitFor(`!document.querySelector('#showloading')`, { timeout: 15000, label: 'series complete' });
  1786. await ev(`window.__delayFace = null`);
  1787. await page.waitFor(`document.querySelector('show-poster img') && document.querySelector('show-poster img').complete`, { timeout: 5000, label: 'poster' }).catch(() => {});
  1788. tp = await titleParts();
  1789. lk = await extLinks();
  1790. const sentSeries = (await page.wsSent()).filter(f => /showComplete/.test(f)).length; // (wsSent: since this document's load)
  1791. check('#26: … complete without a reload: Season 2 (open) + Season 1 with 3 episodes (2 TMDB + 1 TVmaze, as the daily sync merges), TMDB/IMDb/TVDB/TVmaze links, poster, cast Test Actor + Series Newcomer',
  1792. tp.marker === 'same document' && !tp.loading && JSON.stringify(tp.seasons) === JSON.stringify(['Season 2: 1 episode', 'Season 1: 3 episodes']) && JSON.stringify(tp.episodes) === JSON.stringify(['1 Second Season Start'])
  1793. && linksAre(lk, [['TMDB', TMDB_TV + '2002'], ['IMDb', IMDB + 'tt0002002/'], ['TVDB', TVDB + '4202'], ['TVmaze', TVMAZE + '602']]) && tp.poster === '/posters/tmdb-tv-2002.png' && tp.posterLoaded
  1794. && tp.cast === 'Test Actor /person/Test-Actor,Series Newcomer /person/Series-Newcomer', JSON.stringify(tp) + lk);
  1795. check('#26: a series is completed in STEPS (one face call each; TRACKER_DETAILS_PART_EPISODES=1 → a season per step): details, season 1, season 2, the rest (ids, TVmaze, poster) = 4 calls, ONE season request each',
  1796. sentSeries === 4 && /details on open: "Person Series" steps=4 requests=4 tvmazeRequests=2 cast=2 newSeasons=2 newEpisodes=4 posters=1 ids=3 /.test(log)
  1797. && JSON.stringify(asked(/\/3\/tv\/2002/)) === JSON.stringify(['/3/tv/2002?append_to_response=external_ids,aggregate_credits', '/3/tv/2002?append_to_response=season/1', '/3/tv/2002?append_to_response=season/2']),
  1798. JSON.stringify({ sentSeries, asked: asked(/2002/) }) + log.split('\n').filter(l => /details on open/.test(l)).join('\n'));
  1799. await page.click('season-row:nth-of-type(2) button.season-toggle');
  1800. await page.waitFor(`document.querySelectorAll('episode-row').length === 4 && !document.querySelector('skeleton-row')`, { timeout: 5000, label: 'season 1 open' }).catch(() => {});
  1801. const open26 = (await titleParts()).episodes;
  1802. await page.click('season-row:nth-of-type(2) button.season-toggle');
  1803. await page.waitFor(`document.querySelectorAll('episode-row').length === 1`, { timeout: 5000, label: 'season 1 closed' }).catch(() => {});
  1804. check('#26: the completed series\' season 1 opens (showSeasonEpisodes: its 3 episodes, each once) and closes again', JSON.stringify(open26) === JSON.stringify(['1 Second Season Start', '1 Series Pilot', '2 Series Second', '3 Only On TVmaze'])
  1805. && (await titleParts()).episodes.length === 1, JSON.stringify(open26));
  1806. await page.goto(BASE + '/search/series%20newcomer');
  1807. await hydrated();
  1808. check('#26: the search finds the new cast member', (await ev(`Array.from(document.querySelectorAll('a.search-person')).map(a => a.textContent).join(',')`)) === 'Series Newcomer',
  1809. await ev(`document.querySelector('search-page').textContent.slice(0, 300)`));
  1810. // second visit (full load): complete — TMDB not asked again, nothing added, same rows
  1811. await page.goto(BASE + '/person/Test-Actor');
  1812. await hydrated();
  1813. await new Promise(r => setTimeout(r, 700));
  1814. pf = await personFacts();
  1815. check('person: a SECOND visit is complete at once — no loading, the same 86 rows, TMDB not asked again, no second fill',
  1816. // (#26: + New Cast Member's one request, made above)
  1817. !pf.loading && (await filmRows()).length === 86 && tmdb.personRequests.filter(q => q.path.startsWith('/3/person/3002')).length === 1 && log.split('\n').filter(l => l.startsWith('person fill: Test Actor')).length === 1, JSON.stringify({ pf, req: tmdb.personRequests.length }));
  1818. // another person whose credits we have by now: linked, nothing added (no duplicate titles)
  1819. await page.goto(BASE + '/person/Second-Actor');
  1820. await hydrated();
  1821. await page.waitFor(`!document.querySelector('#personloading')`, { timeout: 15000, label: 'second actor filled' });
  1822. fr = await filmRows();
  1823. const second = log.split('\n').filter(l => l.startsWith('person fill: Second Actor'));
  1824. 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',
  1825. 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']])
  1826. && second.length === 1 && / added=0 requests=1 /.test(second[0]) && (await personFacts()).photo === null, JSON.stringify({ fr, second }));
  1827. await page.goto(BASE + '/search/person%20film');
  1828. await hydrated();
  1829. 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);
  1830. 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'));
  1831. for (const [w, h, mobile] of [[390, 844, true], [1280, 900, false]]) {
  1832. await page.send('Emulation.setDeviceMetricsOverride', { width: w, height: h, deviceScaleFactor: mobile ? 2 : 1, mobile });
  1833. for (const [name, path] of [['person', '/person/Test-Actor'], ['person-complete', '/person/Complete-Person']]) {
  1834. await page.goto(BASE + path);
  1835. await hydrated();
  1836. await page.waitFor(`Array.from(document.querySelectorAll('img')).filter(i => i.getBoundingClientRect().top < innerHeight).every(i => i.complete)`, { timeout: 5000 }).catch(() => {});
  1837. 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);
  1838. 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'));
  1839. }
  1840. }
  1841. await page.send('Emulation.clearDeviceMetricsOverride', {});
  1842. // ==== mission 060 (tracker.worldapi.org#27): SHORT IDS — every title and person has one (5 characters, a–z 0–9), shown below
  1843. // the poster / photo (small, muted, monospace); Gate Test Show keeps its old one (sh1 → 100jh); records created by the app
  1844. // get one at once (the search import, the person fill); `/<shortId>` answers 301 to the page; unique across both tables;
  1845. // the background backfill resumes after a restart and repairs a duplicate ====
  1846. const SID = /^[a-z0-9]{5}$/;
  1847. // the short id under the image: its text, where it sits, how it looks
  1848. const shortIdInfo = () => ev(`JSON.stringify((() => { const l = document.querySelector('#shortid'); if (!l) return null;
  1849. const box = l.parentElement; const img = box.querySelector('img'); const r = l.getBoundingClientRect(); const ir = img ? img.getBoundingClientRect() : null;
  1850. const cs = getComputedStyle(l); const muted = document.createElement('span'); muted.className = 'muted'; document.body.appendChild(muted);
  1851. const mc = getComputedStyle(muted).color; muted.remove();
  1852. return { text: l.textContent, parent: box.tagName.toLowerCase(), below: ir ? r.top >= ir.bottom - 1 && r.left < ir.right && r.right > ir.left : null,
  1853. mono: /monospace/.test(cs.fontFamily), muted: cs.color === mc, small: parseFloat(cs.fontSize) < parseFloat(getComputedStyle(document.body).fontSize), visible: r.width > 0 && r.height > 0 }; })())`).then(JSON.parse);
  1854. const shortIdOf = async (path) => { await page.goto(BASE + path); await hydrated(); return shortIdInfo(); };
  1855. let si = await shortIdOf('/shows/gate-test-show');
  1856. check('short ids: Gate Test Show (old id sh1) keeps its OLD short id 100jh — under the poster, small, muted, monospace',
  1857. si && si.text === '100jh' && si.parent === 'show-poster' && si.below && si.mono && si.muted && si.small && si.visible, JSON.stringify(si));
  1858. const sidMovie = await shortIdOf('/shows/gate-test-movie');
  1859. const sidSeries2 = await shortIdOf('/shows/unwatched-gate-show');
  1860. check('short ids: a movie and a series without an old one got a NEW one (5 characters a–z 0–9, not an old one), shown even without a poster file',
  1861. sidMovie && SID.test(sidMovie.text) && sidSeries2 && SID.test(sidSeries2.text) && !['100jh', '100ji'].includes(sidMovie.text) && sidMovie.text !== sidSeries2.text && sidMovie.visible, JSON.stringify({ sidMovie, sidSeries2 }));
  1862. const sidActor = await shortIdOf('/person/Test-Actor');
  1863. const sidComplete = await shortIdOf('/person/Complete-Person');
  1864. check('short ids: a person — under the photo (Test Actor), without a photo under the name and facts (Complete Person); monospace, muted',
  1865. sidActor && SID.test(sidActor.text) && sidActor.parent === 'person-photo' && sidActor.below && sidActor.mono && sidActor.muted
  1866. && sidComplete && SID.test(sidComplete.text) && sidComplete.parent === 'person-meta' && sidComplete.below === null && sidComplete.mono && sidComplete.muted, JSON.stringify({ sidActor, sidComplete }));
  1867. // created by the app during THIS run (the person fill above) or an earlier one (the search import, #14): the backfill of this
  1868. // run had nothing left before the fill → the fill's titles got theirs when they were created
  1869. const sidFilled = await shortIdOf('/shows/Person-Film-One');
  1870. const sidImported = await shortIdOf('/shows/Gate-Import-Show');
  1871. check('short ids: NEW records get one at creation — a title the person fill added in this run (the run\'s backfill was finished before) and a search import',
  1872. sidFilled && SID.test(sidFilled.text) && sidImported && SID.test(sidImported.text) && /short ids( done|: nothing to do)/.test(log) && log.indexOf('person fill: Test Actor') > log.search(/short ids( done|: nothing to do)/),
  1873. JSON.stringify({ sidFilled, sidImported, lines: log.split('\n').filter(l => /short ids|person fill/.test(l)) }));
  1874. // the redirect: /<shortId> → 301 to the page (a show, a person; upper case too); anything else 404; the browser lands on the page
  1875. const redir = async (p) => { const r = await fetch(BASE + p, { redirect: 'manual' }); return r.status + ' ' + (r.headers.get('location') || ''); };
  1876. const rd = { old: await redir('/100jh'), upper: await redir('/100JH'), movie: await redir('/' + sidMovie.text), person: await redir('/' + sidActor.text),
  1877. unknown: await redir('/zzzzz'), reserved: await redir('/100ji'), short: await redir('/abc'), movies: (await fetch(BASE + '/movies', { redirect: 'manual' })).status };
  1878. check('short ids: /<shortId> answers 301 to the page (show, movie, person, upper case read as lower); unknown / reserved-but-unused / not a short id → 404; /movies untouched',
  1879. rd.old === '301 /shows/gate-test-show' && rd.upper === '301 /shows/gate-test-show' && rd.movie === '301 /shows/gate-test-movie' && rd.person === '301 /person/Test-Actor'
  1880. && rd.unknown === '404 ' && rd.reserved === '404 ' && rd.short === '404 ' && rd.movies === 200, JSON.stringify(rd));
  1881. await page.goto(BASE + '/' + sidComplete.text);
  1882. await hydrated();
  1883. check('short ids: the browser opening /<shortId> lands on the page', (await ev(`location.pathname + '|' + (document.querySelector('person-meta h1') || {}).textContent`)) === '/person/Complete-Person|Complete Person');
  1884. for (const [w, h, mobile] of [[390, 844, true], [1280, 900, false]]) {
  1885. await page.send('Emulation.setDeviceMetricsOverride', { width: w, height: h, deviceScaleFactor: mobile ? 2 : 1, mobile });
  1886. for (const [name, path] of [['shortid-show', '/shows/gate-test-show'], ['shortid-movie', '/shows/gate-test-movie'], ['shortid-person', '/person/Test-Actor'], ['shortid-person-nophoto', '/person/Complete-Person']]) {
  1887. await page.goto(BASE + path);
  1888. await hydrated();
  1889. await page.waitFor(`Array.from(document.querySelectorAll('img')).filter(i => i.getBoundingClientRect().top < innerHeight).every(i => i.complete)`, { timeout: 5000 }).catch(() => {});
  1890. si = await shortIdInfo();
  1891. const inView = await ev(`(() => { const r = document.querySelector('#shortid').getBoundingClientRect(); return r.right <= innerWidth && r.left >= 0; })()`);
  1892. check(`short ids: ${path} at ${w} px — the short id visible under the image, no sideways scroll`, si && si.visible && si.below !== false && inView && (await ev('document.documentElement.scrollWidth')) <= w, JSON.stringify(si));
  1893. if (process.env.TRACKER_GATE_SHOTS) {
  1894. if (mobile) await ev(`document.querySelector('#shortid').scrollIntoView({ block: 'center' })`);
  1895. writeFileSync(join(process.env.TRACKER_GATE_SHOTS, `${name}-${w}.png`), Buffer.from((await page.send('Page.captureScreenshot', { format: 'png' })).data, 'base64'));
  1896. }
  1897. }
  1898. }
  1899. await page.send('Emulation.clearDeviceMetricsOverride', {});
  1900. check('short ids: the server log has no short-id problem', !/short ids: .*(not stored|gets a new one)/.test(log), log.split('\n').filter(l => /short ids/.test(l)).join('\n'));
  1901. // unique across shows + persons, every record has one (the counting tool, app stopped); then the RESUME: 60 persons without one
  1902. // (+ two sharing 'aaaa1') added with the app stopped; a start with a 1 ms budget per batch is stopped after ≥ 5; the next start
  1903. // goes on with only the rest, keeps 'aaaa1' for one of the two and gives the other a new one
  1904. await page.goto('about:blank');
  1905. await stopServer();
  1906. let sidCount = countShortIds();
  1907. let sidShows = rowsOf(sidCount, 'show'), sidPersons = rowsOf(sidCount, 'person');
  1908. check('short ids: EVERY show and person has one, none twice across both tables, the old one kept (tools/count-short-ids.hl)',
  1909. sidShows[0] > 40 && sidShows[0] === sidShows[1] && sidShows[2] === 0 && sidShows[3] === 0 && sidPersons[0] >= 3 && sidPersons[0] === sidPersons[1] && sidPersons[2] === 0 && sidCount.includes('duplicates across shows+persons=0')
  1910. && sidCount.includes('kept=1 notYet=0 lost=0 oldIdOnAnotherRecord=0'), sidCount);
  1911. const seedSid = execFileSync(join(APP, 'bin/hybriel'), ['tests/seed-shortids.hl'], { cwd: APP, env: { ...process.env, TRACKER_STORAGE: MPACKDB } }).toString();
  1912. await startServer({ TRACKER_SHORTID_BUDGET_MS: '1', TRACKER_SHORTID_LOG_EVERY: '5' });
  1913. for (let i = 0; i < 100 && !/short ids: \d+ assigned, \d+ left/.test(log); i++) await new Promise(r => setTimeout(r, 50));
  1914. const resume1 = log;
  1915. await page.goto('about:blank');
  1916. await stopServer();
  1917. sidCount = countShortIds();
  1918. sidPersons = rowsOf(sidCount, 'person');
  1919. // B (the duplicate) is LAST in the queue: until the run reaches it the stored data still has aaaa1 twice (the start's map does not)
  1920. const bLeft = sidCount.includes('duplicates across shows+persons=1') && /DUPLICATE aaaa1: person sp0000000000dupa and person sp0000000000dupb/.test(sidCount) ? 1 : 0;
  1921. const missing = sidPersons[2] + bLeft;
  1922. check('short ids (resume): 62 persons added (60 without, 2 sharing aaaa1); a start finds 61 to do (B: the duplicate), is stopped part way — some got one, the rest not; no other duplicate',
  1923. seedSid.includes('62 persons') && /short ids: \d+ records, \d+ with a short id, 61 without/.test(resume1) && /has "aaaa1", taken by person sp0000000000dupa — gets a new one/.test(resume1)
  1924. && sidPersons[2] > 0 && missing < 61 && (sidCount.includes('duplicates across shows+persons=0') || bLeft === 1),
  1925. resume1.split('\n').filter(l => /short ids/.test(l)).join('\n') + '\n' + sidCount);
  1926. await startServer();
  1927. for (let i = 0; i < 100 && !/short ids done/.test(log); i++) await new Promise(r => setTimeout(r, 100));
  1928. const resume2 = log.split('\n').filter(l => l.startsWith('short ids')).join('\n');
  1929. await page.goto('about:blank');
  1930. await stopServer();
  1931. sidCount = countShortIds();
  1932. sidPersons = rowsOf(sidCount, 'person');
  1933. check('short ids (resume): the next start goes on with ONLY the rest (' + missing + '), then every person has one, none twice',
  1934. new RegExp('short ids: \\d+ records, \\d+ with a short id, ' + missing + ' without').test(resume2) && new RegExp('short ids done: assigned=' + missing + ' ').test(resume2)
  1935. && sidPersons[0] === sidPersons[1] && sidPersons[2] === 0 && sidCount.includes('duplicates across shows+persons=0'), resume2 + '\n' + sidCount);
  1936. await startServer();
  1937. const dupA = await shortIdOf('/person/Dupe-Person-A'), dupB = await shortIdOf('/person/Dupe-Person-B');
  1938. check('short ids: of the two persons sharing aaaa1 one keeps it, the other has its own now; a third start has nothing to do',
  1939. dupA && dupB && [dupA.text, dupB.text].filter(t => t === 'aaaa1').length === 1 && SID.test(dupA.text) && SID.test(dupB.text) && /short ids: nothing to do/.test(log), JSON.stringify({ dupA, dupB, log: log.split('\n').filter(l => /short ids/.test(l)) }));
  1940. // ==== tracker.worldapi.org#26: THE DETAILS REPAIR — the titles Test Actor's fill added and nobody opened (Directed Only,
  1941. // Announced Film, Bulk Film 01–80 = 82; the adult one is left alone) are completed by a background job: one per step, resumes
  1942. // after a restart, pages stay fast; TMDB 404 (Bulk Film 79/80) marks the title, it is not asked again ====
  1943. await page.goto('about:blank');
  1944. await stopServer();

Only the first lines are shown.

Branches

Latest commits

  • f2b00674Merge t26 (tracker#26 + #28) into main (mission 062): short ids for every new person (castPersonId, guest route), guest stars stored on the title and created as people only when opened (/person/tmdb/<id>?show=<id> → 302), lean watch/follow clicks (showRow a small object, cast/crew from the slug, watches cached per user, face rows only after a season toggle); gate 311, tests/realdata-062.mjs, README + STATUSmre
  • fa1f9dfatracker#29 (mission 063): unwatched check muted grey outline + check (accent only on hover), watched stays solid — no code regression, the accent outline read as ticked; gate checks real checks visibly (computed style + screenshot pixel) on /my/unwatched, show, movie, /my/movies; gate 266, tests/realdata-063.mjs, README + STATUSmre
  • 10bb3f93tracker#28 (mission 061): full cast (all seasons, main cast by episodes, guest stars) + crew (created by, directed by, written by, screenplay, story, music) — stored by the details completion, the daily sync, the search import (one details request) and a background credits job (resumes, RSS limit); show page collapsed after 20 with client-side Show all; showBySlug via a slug map; gate 249, tests/realdata-028.mjs, README + STATUSmre
  • d8b12d67tracker#27 (mission 060): short ids for movies, series and persons — old 702 kept (data/old-short-ids.json), new random [a-z0-9]{5} unique across both, claimed at creation, background backfill (resumes), shown under poster/photo, /<shortId> → 301; gate 259, tests/realdata-060*, README + STATUSmre
  • 25a50bc4tracker#26 (mission 059): titles from a filmography are completed — on open (skeleton, step-wise face showComplete, no reload) and by the in-app details repair (resumes, TMDB-paced, series in parts); cast from TMDB credits; gate 231, tests/realdata-026.mjs, README + STATUSmre
  • f14db671tracker#22-#25 (mission 058): episode air dates, season check = all episodes watched, movie watched check (+ /my/movies count), /genres/<genre> pages (movies + series, newest first, paginated); gate 238, tests/realdata-058.mjs, README + STATUSmre
  • 1704ec45tracker#17 (mission 057): season caret down/up, skeleton rows while a season loads, sessionless showSeasonEpisodes face (no page re-mount), client-only close; gate 214, tests/realdata-057.mjs, README + STATUSmre
  • f2fe3e36mission 056: README + STATUS (merge, fixes, Hybriel 8590df63, real-data check), tests/realdata-056.mjs, tools/check-public-slugs.hlmre
  • f40c250emission 056: re-vendor hybriel master 8590df63 (#121, #122); an adult title's page is Not found for non-followers; gate: leave the page before stopping the servermre
  • 2b7fdd6cmission 056: signed-out header one row on phones ("Log in", nowrap), backfill skips adult titles' posters, gate checksmre
  • 2c53d5efMerge branch 't16-person' (tracker#16 person pages) into main; filmography shows only public titles (054 adult flag), gate race fix (backfill start line)mre
  • c171227emission 054: hide adult/unknown titles from the public lists and the search; in-app adult-flag backfill (TMDB details + poster per title, resumes), gate + real-data proofmre
  • 139fafd8tracker#16: short bio (4 lines, click = all), real-data check script, README + STATUSmre
  • 93be9476tracker#16: person pages /person/<slug> with the filmography fetched from TMDB on the first visit (step by step), gatemre
  • 47a3cae6STATUS: mission 053 merge commit idsmre
  • dcc5eecaMerge branch 't14-search'mre
  • 03edc783Merge branch 't15-tvmaze'mre
  • 71b46345tracker#15: numbering check by date or title, placeholder titles in other languages, docs + real-data proofmre
  • 6bb2daf1tracker#13: homepage (tiles, intro, latest movies/shows), /shows, /movies/page/N, /my/movies; lists cached in memorymre
  • b8bd1157tracker#14: README + STATUS (search, real-data numbers, gate, merge notes)mre