tracker

4.1 KB

1. // tests/realdata-063.mjs — tracker#29 (mission 063), 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: how the checks LOOK on /my/unwatched, a show page (REAL_SHOW) and
3. // /my/movies — per page the count of checks by class and by on-screen look (computed circle fill/stroke, check stroke), and
4. // the screenshot pixel inside the first disc. Then ONE click on /my/unwatched's first check (on the COPY): the row leaves the
5. // list, also after a reload. Screenshots → $REAL_OUT. Env: REAL_PORT (8730), REAL_CHROME (8731), REAL_SHOW (/shows/Foundation).
6. import { writeFileSync, readFileSync, mkdirSync } from 'node:fs';
7. import { launchBrowser } from './cdp.mjs';
8. process.env.HL_CHROME ||= '/opt/google/chrome/chrome';
9. const BASE = `http://127.0.0.1:${process.env.REAL_PORT || 8730}`, OUT = process.env.REAL_OUT || '/tmp/w063/real';
10. const SID = readFileSync('.scratch/real-sid', 'utf8').trim();
11. const SHOW = process.env.REAL_SHOW || '/shows/Foundation';
12. mkdirSync(OUT, { recursive: true });
13. const browser = await launchBrowser({ debugPortRange: [Number(process.env.REAL_CHROME || 8731), Number(process.env.REAL_CHROME || 8731)] });
14. const page = await browser.newPage();
15. const ev = (e) => page.evaluate(e);
16. const hydrated = () => page.waitFor('!!window.__hl && window.__hl.socket && window.__hl.socket.readyState === 1 && document.readyState === "complete"', { timeout: 60000, label: 'hydrated' });
17. const shot = async (n) => writeFileSync(`${OUT}/${n}.png`, Buffer.from((await page.send('Page.captureScreenshot', { format: 'png' })).data, 'base64'));
18. const load = async (path) => { const t = Date.now(); await page.goto(BASE + path, { timeout: 60000 }); await hydrated(); return Date.now() - t; };
19. const looks = () => ev(`JSON.stringify((() => { const cnt = {}; for (const b of document.querySelectorAll('.checkicon')) {
20. const c = getComputedStyle(b.querySelector('circle')), p = getComputedStyle(b.querySelector('path'));
21. const k = b.getAttribute('class') + ' fill=' + c.fill + ' stroke=' + c.stroke + ' mark=' + p.stroke; cnt[k] = (cnt[k] || 0) + 1; } return cnt; })())`);
22. await page.send('Network.setCookie', { name: 'trackersid', value: SID, url: BASE });
23. const out = [];
24. for (const [w, h, mobile] of [[390, 844, true], [1280, 900, false]]) {
25. await page.send('Emulation.setDeviceMetricsOverride', { width: w, height: h, deviceScaleFactor: mobile ? 2 : 1, mobile });
26. for (const [name, path] of [['my-unwatched', '/my/unwatched'], ['show', SHOW], ['my-movies', '/my/movies']]) {
27. const ms = await load(path);
28. await page.send('Input.dispatchMouseEvent', { type: 'mouseMoved', x: 0, y: 0 });
29. if (name === 'show') await ev(`document.querySelector('show-seasons') && document.querySelector('show-seasons').scrollIntoView()`);
30. 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(() => {});
31. await shot(`${name}-${w}`);
32. out.push(`${w} ${path} (${ms} ms): ${await looks()}`);
33. }
34. }
35. // one click on the copy: the first row leaves the list, also after a reload
36. await load('/my/unwatched');
37. const first = await ev(`document.querySelector('unwatched-row button.checkicon').value`);
38. const n0 = await ev(`document.querySelectorAll('unwatched-row').length`);
39. const t = Date.now();
40. await page.click('unwatched-row button.checkicon');
41. await page.waitFor(`!document.querySelector('unwatched-row button.checkicon[value="${first}"]')`, { timeout: 30000, label: 'row gone' });
42. const clickMs = Date.now() - t;
43. const n1 = await ev(`document.querySelectorAll('unwatched-row').length`);
44. await load('/my/unwatched');
45. const gone = await ev(`!document.querySelector('unwatched-row button.checkicon[value="${first}"]')`);
46. out.push(`click on /my/unwatched ${first}: ${n0} rows → ${n1} after ${clickMs} ms; after a reload still gone: ${gone}, ${await ev(`document.querySelectorAll('unwatched-row').length`)} rows`);
47. console.log(out.join('\n'));
48. console.log('problems', JSON.stringify(page.problems ? page.problems() : []));
49. await browser.close();