tracker

6.8 KB

1. // tests/realdata-058.mjs — mission 058 (tracker#22–#25), NOT the gate: on a COPY of live storage/ (STATUS.md has the procedure),
2. // signed in (cookie from .scratch/real-sid) at 390 + 1280: full page load (goto → hydrated) of a show page, a movie page,
3. // /genres/<genre> + its page 2 and /my/movies, REAL_REPEAT times each; what each page shows (air dates on the open season's
4. // rows, season checks == all their episodes, the movie's watched check, genre tiles: movies AND series, pages); one movie
5. // check click + reload on the COPY (then back). Screenshots → $REAL_OUT. Env: REAL_PORT (8730), REAL_CHROME (8731),
6. // REAL_SHOW (/shows/Foundation), REAL_MOVIE (first row of /my/movies), REAL_GENRE (Action).
7. import { writeFileSync, readFileSync, mkdirSync } from 'node:fs';
8. import { launchBrowser } from './cdp.mjs';
9. process.env.HL_CHROME ||= '/opt/google/chrome/chrome';
10. const BASE = `http://127.0.0.1:${process.env.REAL_PORT || 8730}`, OUT = process.env.REAL_OUT || '/tmp/w058/real';
11. const SID = readFileSync('.scratch/real-sid', 'utf8').trim();
12. const SHOW = process.env.REAL_SHOW || '/shows/Foundation';
13. const GENRE = process.env.REAL_GENRE || 'Action';
14. const REPEAT = Number(process.env.REAL_REPEAT || 3);
15. mkdirSync(OUT, { recursive: true });
16. const browser = await launchBrowser({ debugPortRange: [Number(process.env.REAL_CHROME || 8731), Number(process.env.REAL_CHROME || 8731)] });
17. const page = await browser.newPage();
18. const ev = (e) => page.evaluate(e);
19. const hydrated = () => page.waitFor('!!window.__hl && window.__hl.socket && window.__hl.socket.readyState === 1 && document.readyState === "complete"', { timeout: 60000, label: 'hydrated' });
20. const shot = async (n) => writeFileSync(`${OUT}/${n}.png`, Buffer.from((await page.send('Page.captureScreenshot', { format: 'png' })).data, 'base64'));
21. const load = async (path) => { const t = Date.now(); await page.goto(BASE + path, { timeout: 60000 }); await hydrated(); return Date.now() - t; };
22. await page.send('Network.setCookie', { name: 'trackersid', value: SID, url: BASE });
23. const out = [];
24. await load('/my/movies');
25. const MOVIE = process.env.REAL_MOVIE || await ev(`(document.querySelector('a.myshow-title') || { getAttribute: () => null }).getAttribute('href')`);
26. for (const [w, h, mobile] of [[390, 844, true], [1280, 900, false]]) {
27. await page.send('Emulation.setDeviceMetricsOverride', { width: w, height: h, deviceScaleFactor: mobile ? 2 : 1, mobile });
28. for (const [name, path] of [['show', SHOW], ['movie', MOVIE], ['genre', '/genres/' + GENRE], ['genre-2', '/genres/' + GENRE + '/page/2'], ['my-movies', '/my/movies']]) {
29. const ms = [];
30. for (let k = 0; k < REPEAT; k++) ms.push(await load(path));
31. let what = '';
32. if (name === 'show') {
33. // the open (top) season: every row's date; its check solid exactly when all its episode rows are
34. const s = JSON.parse(await ev(`JSON.stringify((() => { const eps = Array.from(document.querySelectorAll('episode-row'));
35. const top = document.querySelector('season-row button.checkicon');
36. return { seasons: document.querySelectorAll('season-row').length, solidSeasons: document.querySelectorAll('season-row button.checkicon.solid').length, eps: eps.length,
37. dated: eps.filter(r => /^\\d{4}-\\d\\d-\\d\\d$/.test(r.querySelector('episode-date').textContent)).length, firstDate: eps[0] ? eps[0].querySelector('episode-date').textContent : null,
38. topSolid: top ? top.classList.contains('solid') : null, allEpsSolid: eps.length > 0 && eps.every(r => r.querySelector('button.checkicon').classList.contains('solid')) }; })())`));
39. what = `${s.seasons} seasons (${s.solidSeasons} checked), open season ${s.eps} episode rows, ${s.dated} with a date (first ${s.firstDate}); top season check ${s.topSolid} == all its episodes watched ${s.allEpsSolid}: ${s.topSolid === s.allEpsSolid}`;
40. }
41. if (name === 'movie') what = await ev(`(() => { const b = document.querySelector('#moviewatch'); return b ? 'movie check ' + b.getAttribute('class') + ' "' + document.querySelector('movie-watch-label').textContent + '"' : 'NO movie check'; })()`);
42. if (name.startsWith('genre')) what = await ev(`(() => { const t = Array.from(document.querySelectorAll('a.tile')); return document.querySelector('#genre-page h1').textContent + ': ' + (document.querySelector('.list-count') || { textContent: '' }).textContent + ', ' + t.length + ' tiles, first ' + t.slice(0, 3).map(a => a.querySelector('tile-title').textContent + ' ' + a.querySelector('tile-year').textContent).join(' / '); })()`);
43. if (name === 'my-movies') what = await ev(`(document.querySelector('#mymovies-count') || { textContent: 'no count' }).textContent + ', ' + document.querySelectorAll('my-movie-watched').length + ' marks'`);
44. await page.waitFor(`Array.from(document.querySelectorAll('img')).filter(i => { const r = i.getBoundingClientRect(); return r.top < innerHeight && r.bottom > 0 }).every(i => i.complete)`, { timeout: 10000, label: 'images' }).catch(() => {});
45. if (name === 'show') await ev(`document.querySelector('show-seasons') && document.querySelector('show-seasons').scrollIntoView()`);
46. await shot(`${name}-${w}`);
47. out.push(`${w} ${path}: full load ${ms.join('/')} ms — ${what}`);
48. }
49. }
50. await page.send('Emulation.clearDeviceMetricsOverride', {});
51. // the genre's tiles of BOTH kinds: the shows table type of each tile on page 1 (series pages have season rows, movies the check)
52. await load('/genres/' + GENRE);
53. const hrefs = JSON.parse(await ev(`JSON.stringify(Array.from(document.querySelectorAll('a.tile')).map(a => a.getAttribute('href')))`));
54. let movies = 0, series = 0;
55. for (const href of hrefs) {
56. await load(href);
57. if (await ev(`!!document.querySelector('#moviewatch')`)) movies++; else series++;
58. }
59. out.push(`/genres/${GENRE} page 1 kinds: ${movies} movies, ${series} series`);
60. // the movie check on the COPY: click → reload → state flipped; click back → reload → as before
61. await load(MOVIE);
62. const before = await ev(`document.querySelector('#moviewatch').getAttribute('class')`);
63. const t = Date.now();
64. await ev(`document.querySelector('#moviewatch').click()`);
65. await page.waitFor(`document.querySelector('#moviewatch').getAttribute('class') !== '${before}'`, { timeout: 15000, label: 'movie toggled' });
66. const clickMs = Date.now() - t;
67. await load(MOVIE);
68. const afterReload = await ev(`document.querySelector('#moviewatch').getAttribute('class')`);
69. await ev(`document.querySelector('#moviewatch').click()`);
70. await page.waitFor(`document.querySelector('#moviewatch').getAttribute('class') === '${before}'`, { timeout: 15000, label: 'movie toggled back' });
71. await load(MOVIE);
72. out.push(`movie check ${MOVIE}: ${before} → click (${clickMs} ms) → reload: ${afterReload} → click back → reload: ${await ev(`document.querySelector('#moviewatch').getAttribute('class')`)}`);
73. console.log(out.join('\n'));
74. console.log('problems', JSON.stringify(page.problems ? page.problems() : []));
75. await browser.close();