tracker

4.7 KB

1. // tests/realdata-060.mjs — mission 060 (tracker#27, short ids), NOT the gate: on a COPY of live storage/ AFTER the short-id
2. // backfill ran (STATUS.md mission 060 has the procedure), signed in (cookie from .scratch/real-sid) at 390 + 1280: full page
3. // load (goto → hydrated) of an old-id title (via /100jh), a series, a movie and a person, REAL_REPEAT times each; the short id
4. // under the image; `/<shortId>` → 301 (curl-like fetch) and the browser landing on the page. Screenshots → $REAL_OUT.
5. // Env: REAL_PORT (8730), REAL_CHROME (8731), REAL_SERIES (/shows/Foundation), REAL_MOVIE (/shows/Star-Trek-First-Contact),
6. // REAL_PERSON (/person/Jared-Harris), REAL_OLD (100jh).
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/w060/real';
11. const SID = readFileSync('.scratch/real-sid', 'utf8').trim();
12. const REPEAT = Number(process.env.REAL_REPEAT || 3);
13. const OLD = process.env.REAL_OLD || '100jh';
14. mkdirSync(OUT, { recursive: true });
15. const out = [];
16. // the redirects first (no browser): status + Location and the time
17. const redir = async (p) => { const t = Date.now(); const r = await fetch(BASE + p, { redirect: 'manual' }); return { status: r.status, location: r.headers.get('location'), ms: Date.now() - t }; };
18. const oldR = await redir('/' + OLD);
19. out.push(`/${OLD} → ${oldR.status} ${oldR.location} (${oldR.ms} ms)`);
20. const browser = await launchBrowser({ debugPortRange: [Number(process.env.REAL_CHROME || 8731), Number(process.env.REAL_CHROME || 8731)] });
21. const page = await browser.newPage();
22. const ev = (e) => page.evaluate(e);
23. const hydrated = () => page.waitFor('!!window.__hl && window.__hl.socket && window.__hl.socket.readyState === 1 && document.readyState === "complete"', { timeout: 60000, label: 'hydrated' });
24. const shot = async (n) => writeFileSync(`${OUT}/${n}.png`, Buffer.from((await page.send('Page.captureScreenshot', { format: 'png' })).data, 'base64'));
25. const load = async (path) => { const t = Date.now(); await page.goto(BASE + path, { timeout: 60000 }); await hydrated(); return Date.now() - t; };
26. const info = () => ev(`JSON.stringify((() => { const l = document.querySelector('#shortid'); if (!l) return null; const img = l.parentElement.querySelector('img');
27. const r = l.getBoundingClientRect(), ir = img ? img.getBoundingClientRect() : null;
28. return { text: l.textContent, parent: l.parentElement.tagName.toLowerCase(), below: ir ? r.top >= ir.bottom - 1 : null, font: getComputedStyle(l).fontFamily.slice(0, 30),
29. h1: (document.querySelector('h1') || {}).textContent }; })())`).then(JSON.parse);
30. await page.send('Network.setCookie', { name: 'trackersid', value: SID, url: BASE });
31. const pages = [['old-id', oldR.location], ['series', process.env.REAL_SERIES || '/shows/Foundation'], ['movie', process.env.REAL_MOVIE || '/shows/Star-Trek-First-Contact'],
32. ['person', process.env.REAL_PERSON || '/person/Jared-Harris']];
33. const sids = {};
34. for (const [w, h, mobile] of [[390, 844, true], [1280, 900, false]]) {
35. await page.send('Emulation.setDeviceMetricsOverride', { width: w, height: h, deviceScaleFactor: mobile ? 2 : 1, mobile });
36. for (const [name, path] of pages) {
37. const ms = [];
38. for (let k = 0; k < REPEAT; k++) ms.push(await load(path));
39. 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(() => {});
40. const i = await info();
41. if (i) sids[path] = i.text;
42. if (mobile && i) await ev(`document.querySelector('#shortid').scrollIntoView({ block: 'center' })`);
43. await shot(`${name}-${w}`);
44. out.push(`${w} ${path}: full load ${ms.join('/')} ms — ${i ? `"${i.h1}" short id ${i.text} in ${i.parent}, below the image ${i.below}, font ${i.font}` : 'NO SHORT ID'}`);
45. }
46. }
47. await page.send('Emulation.clearDeviceMetricsOverride', {});
48. // every page's short id answers 301 back to that page; the browser opening it lands there
49. for (const [path, sid] of Object.entries(sids)) {
50. const r = await redir('/' + sid);
51. const t = Date.now();
52. await page.goto(BASE + '/' + sid, { timeout: 60000 });
53. await hydrated();
54. const landed = await ev('location.pathname');
55. out.push(`/${sid} → ${r.status} ${r.location} (${r.ms} ms) ${r.location === path ? 'OK' : 'WRONG'}; browser lands on ${landed} in ${Date.now() - t} ms ${decodeURI(landed) === decodeURI(path) ? 'OK' : 'WRONG'}`);
56. }
57. const nf = await redir('/zzzzz');
58. out.push(`/zzzzz → ${nf.status}`);
59. console.log(out.join('\n'));
60. console.log('problems', JSON.stringify(page.problems ? page.problems() : []));
61. await browser.close();