tracker

4.5 KB

1. // tests/realdata-068.mjs — tracker#20/#21 (mission 068), NOT the gate: on a COPY of live storage/ (STATUS.md has the procedure),
2. // after the kind backfill. (1) SPOT CHECKS by name: what our search says each title is (Series / Show / Movie) and where it links.
3. // (2) Signed in (cookie from .scratch/w068/real-sid) at 390 + 1280: every page kind's full load time (to hydrated), its typed
4. // heading, no sideways scroll, a screenshot → $REAL_OUT. Env: REAL_PORT (8760), REAL_CHROME (8767), REAL_NAMES (comma list).
5. import { writeFileSync, readFileSync, mkdirSync } from 'node:fs';
6. import { launchBrowser } from './cdp.mjs';
7. process.env.HL_CHROME ||= '/opt/google/chrome/chrome';
8. const BASE = `http://127.0.0.1:${process.env.REAL_PORT || 8760}`, OUT = process.env.REAL_OUT || '/tmp/w068/real';
9. const SID = readFileSync(process.env.REAL_SID_FILE || '.scratch/w068/real-sid', 'utf8').trim();
10. mkdirSync(OUT, { recursive: true });
12. // (1) spot checks: the search's row for the exact title (with its year), by the server's own render
13. const names = (process.env.REAL_NAMES || 'Reacher,Saturday Night Live,The Tonight Show Starring Jimmy Fallon,Last Week Tonight with John Oliver,Foundation,Doctor Who,Jersey Shore,Chernobyl,Planet Earth,Hot Ones,The Late Show with Stephen Colbert,Severance').split(',');
14. const spot = [];
15. for (const n of names) {
16. const h = await (await fetch(BASE + '/search/' + encodeURIComponent(n))).text();
17. const rows = [...h.matchAll(/<search-row>[\s\S]*?class="search-title" href="([^"]*)">([^<]*)<\/a>[\s\S]*?<search-type class="([^"]*)">([^<]*)<\/search-type>/g)].map(m => ({ href: m[1], title: m[2], type: m[4] }));
18. const hit = rows.filter(r => r.title.replace(/ \(\d{4}\)$/, '') === n);
19. spot.push(n + ': ' + (hit.length ? hit.map(r => `${r.type} ${r.title} → ${r.href}`).join(' | ') : 'not in our data'));
20. }
21. console.log('SPOT CHECKS\n' + spot.join('\n'));
23. // (2) pages, signed in
24. const browser = await launchBrowser({ debugPortRange: [Number(process.env.REAL_CHROME || 8767), Number(process.env.REAL_CHROME || 8767)] });
25. const page = await browser.newPage();
26. const ev = (e) => page.evaluate(e);
27. const hydrated = () => page.waitFor('!!window.__hl && window.__hl.socket && window.__hl.socket.readyState === 1 && document.readyState === "complete"', { timeout: 60000, label: 'hydrated' });
28. const shot = async (n) => writeFileSync(`${OUT}/${n}.png`, Buffer.from((await page.send('Page.captureScreenshot', { format: 'png' })).data, 'base64'));
29. const load = async (path) => { const t = Date.now(); await page.goto(BASE + path, { timeout: 60000 }); await hydrated(); return Date.now() - t; };
30. await page.send('Network.setCookie', { name: 'trackersid', value: SID, url: BASE });
31. // a movie the creator follows, and the first cast member of Reacher, from the pages themselves
32. await load('/my/movies');
33. const movie = await ev(`(document.querySelector('a.myshow-title') || {}).getAttribute ? document.querySelector('a.myshow-title').getAttribute('href') : '/movies'`);
34. await load('/series/Reacher');
35. const person = await ev(`(document.querySelector('a.artist-link') || {}).getAttribute ? document.querySelector('a.artist-link').getAttribute('href') : '/'`);
36. const PAGES = [['home', '/'], ['series-list', '/series'], ['shows-list', '/shows'], ['movies-list', '/movies'], ['series', '/series/Reacher'], ['show', '/shows/Saturday-Night-Live'],
37. ['movie', movie], ['genre', '/genres/Drama'], ['person', person], ['my-series', '/my/series'], ['my-shows', '/my/shows'], ['search', '/search/reacher']];
38. const out = [];
39. for (const [w, h, mobile] of [[390, 844, true], [1280, 900, false]]) {
40. await page.send('Emulation.setDeviceMetricsOverride', { width: w, height: h, deviceScaleFactor: mobile ? 2 : 1, mobile });
41. for (const [name, path] of PAGES) {
42. const ms = await load(path);
43. 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(() => {});
44. const info = await ev(`JSON.stringify({ h1: (document.querySelector('h1') || {}).innerText ? document.querySelector('h1').innerText.replace(/\\s+/g, ' ') : '', word: document.querySelector('h1 type-word') ? getComputedStyle(document.querySelector('h1 type-word')).color : '', sideways: document.documentElement.scrollWidth > ${w}, rows: document.querySelectorAll('my-show-row, a.tile, search-row, a.film-row').length })`);
45. await shot(`${name}-${w}`);
46. out.push(`${w} ${path} ${ms} ms ${info}`);
47. }
48. }
49. console.log('PAGES\n' + out.join('\n'));
50. console.log('problems', JSON.stringify(page.problems ? page.problems() : []));
51. await browser.close();