tracker

7.1 KB

1. // tests/browser.mjs — THE GATE of tracker.worldapi.org#1: this app's own server on its own storage, its OWN ident
2. // (a copy of ident's code without .env, codes to a mail sink: tests/identkit.mjs, same as calendar's gate), a real
3. // headless Chrome. Proves: signed out (header shows "Log in with ident") -> sign in -> the header selector shows
4. // signed in, "Log out" appears, the page itself stays empty -> sign out -> signed out again (a reload confirms it).
5. //
6. // node tests/browser.mjs (TRACKER_GATE_PORT server, default 8700; TRACKER_GATE_IDENT_PORT ident, default 8701;
7. // TRACKER_GATE_CHROME "8702-8709" = Chrome debug ports)
8. import { spawn } from 'node:child_process';
9. import { existsSync, mkdirSync, rmSync } from 'node:fs';
10. import { dirname, join, resolve } from 'node:path';
11. import { fileURLToPath } from 'node:url';
12. import { launchBrowser } from './cdp.mjs';
13. import { startIdent } from './identkit.mjs';
15. if (!process.env.HL_CHROME && existsSync('/opt/google/chrome/chrome')) process.env.HL_CHROME = '/opt/google/chrome/chrome';
16. const HERE = dirname(fileURLToPath(import.meta.url));
17. const APP = resolve(HERE, '..');
18. const PORT = Number(process.env.TRACKER_GATE_PORT || 8700);
19. const [CH_FROM, CH_TO] = (process.env.TRACKER_GATE_CHROME || '8702-8709').split('-').map(Number);
20. const IDENT_PORT = Number(process.env.TRACKER_GATE_IDENT_PORT || 8701);
21. const BASE = `http://127.0.0.1:${PORT}`;
22. const STORE = join(APP, '.scratch', 'gate-store');
23. const IDENT_DIR = process.env.TRACKER_GATE_IDENT_DIR || [resolve(APP, '../ident.worldapi.org'), '/media/STORAGE/projects/ident.worldapi.org'].find(d => existsSync(join(d, 'project.hl')));
24. const SCRATCH = join(APP, '.scratch');
25. const SESSIONS = join(SCRATCH, 'gate-sessions');
26. rmSync(SESSIONS, { recursive: true, force: true });
27. rmSync(STORE, { recursive: true, force: true });
28. mkdirSync(SESSIONS, { recursive: true });
30. let failures = 0, passes = 0;
31. function check(label, ok, detail = '') {
32. console.log(`${ok ? 'ok ' : 'FAIL'} ${label}${ok ? '' : ' — ' + detail}`);
33. if (ok) passes++; else failures++;
34. }
36. let ident = null, server = null, browser = null, log = '';
37. async function stop() {
38. if (ident) { try { await ident.stop(); } catch {} ident = null; }
39. if (browser) { try { await browser.close(); } catch {} browser = null; }
40. if (server) {
41. try { server.kill('SIGTERM'); } catch {}
42. await new Promise(r => { if (server.exitCode !== null || server.signalCode !== null) return r(); server.once('exit', r); setTimeout(r, 3000); });
43. server = null;
44. }
45. }
47. async function main() {
48. ident = await startIdent({ identDir: IDENT_DIR, workDir: join(STORE, 'ident'), port: IDENT_PORT });
49. const alice = await ident.signIn('[email protected]');
50. const APPKEY = await ident.registerApp(alice, 'tracker (gate)', [BASE]);
51. check('ident: our own ident runs (a copy without .env), tracker is registered', /^pk_[0-9a-f]{32}$/.test(APPKEY.key) && !existsSync(join(STORE, 'ident', 'ident-code', '.env')));
53. server = spawn(join(APP, 'bin/hybriel'), ['project.hl'], { cwd: APP, env: { ...process.env, TRACKER_PORT: String(PORT), TRACKER_SESSIONS: SESSIONS + '/', TRACKER_STORAGE: join(STORE, 'mpackdb'), TRACKER_WATCH: '0',
54. TRACKER_URL: BASE, IDENT_URL: ident.base, IDENT_EXCHANGE_URL: ident.base, TRACKER_KEY: APPKEY.key, TRACKER_SECRET: APPKEY.secret }, stdio: ['ignore', 'pipe', 'pipe'] });
55. server.stdout.on('data', d => log += d); server.stderr.on('data', d => log += d);
56. for (let i = 0; ; i++) {
57. try { if ((await fetch(BASE + '/')).ok) break; } catch {}
58. if (i > 80) throw new Error('tracker did not come up\n' + log);
59. await new Promise(r => setTimeout(r, 250));
60. }
61. check('tracker is up', true);
63. browser = await launchBrowser({ debugPortRange: [CH_FROM, CH_TO] });
64. const page = await browser.newPage();
65. page.captureNetwork();
66. const ev = (e) => page.evaluate(e);
67. const hydrated = () => page.waitFor('!!window.__hl && window.__hl.socket && window.__hl.socket.readyState === 1', { timeout: 15000, label: 'hydrated' });
68. const loginAs = async (who) => {
69. const code = await ident.selectorCode(who, APPKEY, BASE);
70. await page.goto(BASE + '/login/callback?ident_code=' + code);
71. await page.waitForSelector('#logout');
72. await hydrated();
73. };
75. // ---- signed out: header shows the selector + "Log in with ident", the page itself is empty ----
76. await page.goto(BASE + '/');
77. await hydrated();
78. check('signed out: the identity selector is in the header', await ev(`!!document.querySelector('#selector')`));
79. check('signed out: "Log in with ident" shows, no "Log out"', (await ev(`!!document.querySelector('#loginbutton')`)) && !(await ev(`!!document.querySelector('#logout')`)));
80. check('the page itself stays empty (no centered sign-in)', (await ev(`document.querySelector('main').textContent.trim()`)) === '');
82. // ---- tracker.worldapi.org#3: no bottom border on the header, no border on filled buttons ----
83. check('the header has no bottom border', (await ev(`getComputedStyle(document.querySelector('application-header')).borderBottomWidth`)) === '0px');
84. check('"Log in with ident" has no border', (await ev(`getComputedStyle(document.querySelector('#loginbutton')).borderTopWidth`)) === '0px');
85. check('the ident selector\'s "choose ident" button has no border', (await ev(`getComputedStyle(document.querySelector('#selector').shadowRoot.querySelector('[part~="button"]')).borderTopWidth`)) === '0px');
86. let r = await fetch(BASE + '/login/callback', { redirect: 'manual' });
87. check('login: /login/callback without a code → /login/failed', r.status === 302 && r.headers.get('location') === '/login/failed');
89. // ---- sign in: the header selector flips to signed in, "Log out" appears, page stays empty ----
90. await loginAs(alice);
91. check('signed in: the selector is still in the header, now signed in', (await ev(`!!document.querySelector('#selector')`)) && (await ev(`document.querySelector('#selector').classList.contains('in')`)));
92. check('signed in: "Log out" shows, no "Log in with ident"', (await ev(`!!document.querySelector('#logout')`)) && !(await ev(`!!document.querySelector('#loginbutton')`)));
93. check('the page itself stays empty while signed in too', (await ev(`document.querySelector('main').textContent.trim()`)) === '');
94. check('"Log out" (inverted) keeps its border', (await ev(`getComputedStyle(document.querySelector('#logout')).borderTopWidth`)) !== '0px');
96. // ---- sign out: back to signed out, a reload confirms the app's own session (not just client state) ----
97. await page.click('#logout');
98. await page.waitForSelector('#loginbutton', { timeout: 15000 });
99. check('sign out returns to the signed-out header', (await ev(`!!document.querySelector('#loginbutton')`)) && !(await ev(`!!document.querySelector('#logout')`)));
100. await page.goto(BASE + '/');
101. await hydrated();
102. check('reload after sign-out stays signed out', (await ev(`!!document.querySelector('#loginbutton')`)) && !(await ev(`!!document.querySelector('#logout')`)));
104. const problems = page.problems();
105. check('no console errors/warnings', problems.length === 0, page.dumpConsole());
106. }
108. try {
109. await main();
110. } catch (e) {
111. check('gate ran without throwing', false, e.stack || String(e));
112. } finally {
113. await stop();
114. }
116. console.log(`\n${passes} passed, ${failures} failed`);
117. process.exit(failures === 0 ? 0 : 1);