tracker

4.8 KB

1. // tests/realdata-m028.mjs — mission 028 (code order: no behaviour change), NOT the gate. Against a server started by
2. // tests/realdata-m028.sh on a COPY of live storage/, signed in as the creator (cookie from $REAL_SID_FILE):
3. // 1. every page of PAGES (and REDIRECTS' status + Location) fetched by node with the cookie → $REAL_OUT/html/<name>.html (raw)
4. // and <name>.norm.html (normalized: the per-request `"at"` time, the session's `"who"`, the build hash `?v=…` and the source
5. // sites `"site":"file:line:col"` and a component instance's `Modal@157:3` source position blanked — they differ between two
6. // loads / two commits without the page changing)
7. // 2. full browser loads (to hydrated + visible images), $REAL_LOADS (10) per page, plus the server's own answer time → timing.json
8. // Compare two runs: `diff -r <before>/html <after>/html` on the *.norm.html (STATUS "mission 028").
9. // Env: REAL_PORT, REAL_CHROME, REAL_SID_FILE, REAL_OUT, REAL_LOADS.
10. import { writeFileSync, readFileSync, mkdirSync } from 'node:fs';
11. import { launchBrowser } from './cdp.mjs';
12. process.env.HL_CHROME ||= '/opt/google/chrome/chrome';
13. const PORT = Number(process.env.REAL_PORT || 8730), BASE = `http://127.0.0.1:${PORT}`, LOADS = Number(process.env.REAL_LOADS || 10);
14. const SID = readFileSync(process.env.REAL_SID_FILE, 'utf8').trim(), OUT = process.env.REAL_OUT;
15. mkdirSync(OUT + '/html', { recursive: true });
16. const PAGES = ['/', '/movies', '/movies/page/2', '/series', '/series/page/3', '/shows', '/franchises', '/series/Star-Trek-Picard',
17. '/series/Doctor-Who', '/shows/The-Daily-Show', '/movies/Dynamic-Duo', '/movies/Star-Trek-First-Contact', '/person/Patrick-Stewart',
18. '/person/Jeri-Ryan', '/genres/drama', '/search/star%20trek', '/my/series', '/my/shows', '/my/movies', '/my/unwatched', '/my/schedule',
19. '/my/nothing', '/series/No-Such-Title', '/login/failed'];
20. const REDIRECTS = ['/unwatched', '/schedule', '/genre/drama', '/series/Archive-82', '/727vk', '/shows/Star-Trek-Picard', '/movies/Ecstasy-10',
21. '/zzzzzzzzz', '/posters/../x', '/login/callback'];
22. const nameOf = (p) => (p === '/' ? 'home' : p.slice(1).replace(/[^A-Za-z0-9-]+/g, '_'));
23. const norm = (s) => s.replace(/\\"at\\":\d+/g, '\\"at\\":0').replace(/\\"who\\":\\"[0-9a-f]+\\"/g, '\\"who\\":\\"x\\"')
24. .replace(/\?v=[0-9a-f]+/g, '?v=x').replace(/\\"site\\":\\"[^"\\]*\\"/g, '\\"site\\":\\"x\\"').replace(/([A-Za-z])@\d+:\d+/g, '$1@x');
25. const get = async (p) => {
26. const t = Date.now();
27. const r = await fetch(BASE + p, { headers: { cookie: 'trackersid=' + SID }, redirect: 'manual' });
28. const body = await r.text();
29. return { ms: Date.now() - t, status: r.status, location: r.headers.get('location'), body };
30. };
31. const timing = { pages: {} };
32. for (const p of PAGES) {
33. const r = await get(p);
34. writeFileSync(`${OUT}/html/${nameOf(p)}.html`, r.body);
35. writeFileSync(`${OUT}/html/${nameOf(p)}.norm.html`, `status ${r.status}\n` + norm(r.body));
36. console.log(`${p.padEnd(34)} ${r.status} ${String(Math.round(r.body.length / 1024)).padStart(5)} kB ${r.ms} ms`);
37. }
38. const red = [];
39. for (const p of REDIRECTS) { const r = await get(p); red.push(`${p} ${r.status} ${r.location || ''} ${r.body.slice(0, 80).replace(/\s+/g, ' ')}`); }
40. writeFileSync(`${OUT}/html/_redirects.norm.html`, red.join('\n') + '\n');
41. console.log(red.join('\n'));
42. const browser = await launchBrowser({ debugPortRange: [Number(process.env.REAL_CHROME || 8729), Number(process.env.REAL_CHROME || 8729)] });
43. try {
44. const page = await browser.newPage();
45. await page.send('Emulation.setDeviceMetricsOverride', { width: 1280, height: 900, deviceScaleFactor: 1, mobile: false });
46. await page.send('Network.setCookie', { name: 'trackersid', value: SID, url: BASE });
47. const load = async (path) => {
48. const t = Date.now(); await page.goto(BASE + path, { timeout: 120000 });
49. await page.waitFor('!!window.__hl && window.__hl.socket && window.__hl.socket.readyState === 1 && document.readyState === "complete"', { timeout: 120000, label: 'hydrated' });
50. 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: 15000, label: 'images' }).catch(() => {});
51. return Date.now() - t;
52. };
53. const avg = (a) => Math.round(a.reduce((x, y) => x + y, 0) / a.length);
54. for (const p of PAGES) {
55. const s = [], b = [];
56. for (let i = 0; i < LOADS; i++) { s.push((await get(p)).ms); b.push(await load(p)); }
57. // the hydrated page's text (what the visitor sees)
58. const text = await page.evaluate('document.body.innerText');
59. writeFileSync(`${OUT}/html/${nameOf(p)}.text.norm.html`, text);
60. timing.pages[p] = { server: avg(s), browser: avg(b), serverAll: s, browserAll: b };
61. console.log(`${p.padEnd(34)} server avg ${avg(s)} ms browser avg ${avg(b)} ms`);
62. }
63. } finally { await browser.close().catch(() => {}); }
64. writeFileSync(`${OUT}/timing.json`, JSON.stringify(timing, null, 1));
65. process.exit(0);