components

3.6 KB

1. // plugins/time/tests/browser.mjs — hl:time's TIME ZONES in a real browser
2. // (ticket #5).
3. //
4. // tests/pass/plugins/038_time_zones.hl is the contract: the native plugin
5. // (system TZif) and the JS target under Node (Node's Intl) already print
6. // tests/expected/pass/plugins/038_time_zones.txt in the ordinary corpus. The
7. // browser is the third realm, with its own Intl and its own copy of the zone
8. // data, so this compiles THE SAME FIXTURE with `hybriel --js --entry`, serves it
9. // with the same server.js the browser is handed as `hl-time.js`, runs it in
10. // headless Chrome and compares the console to the same file.
11. //
12. // node plugins/time/tests/browser.mjs
13. import { spawnSync } from 'node:child_process';
14. import http from 'node:http';
15. import { copyFileSync, mkdirSync, mkdtempSync, readFileSync, rmSync, writeFileSync } from 'node:fs';
16. import { tmpdir } from 'node:os';
17. import { dirname, extname, join, resolve } from 'node:path';
18. import { fileURLToPath } from 'node:url';
19. import { launchBrowser } from '../../../tests/browser/cdp.mjs';
21. const ROOT = resolve(dirname(fileURLToPath(import.meta.url)), '../../..');
22. const BIN = join(ROOT, 'native/zig-out/bin/hybriel');
23. const FIXTURE = join(ROOT, 'tests/pass/plugins/038_time_zones.hl');
24. const EXPECTED = readFileSync(join(ROOT, 'tests/expected/pass/plugins/038_time_zones.txt'), 'utf8').trim().split('\n');
26. const dir = mkdtempSync(join(tmpdir(), 'hl-time-browser-'));
27. let server = null, browser = null, failed = false;
28. try {
29. const c = spawnSync(BIN, ['--js', '--entry', FIXTURE, '-o', join(dir, 'fixture.js')], { encoding: 'utf8' });
30. if (c.status !== 0) throw new Error('compile failed:\n' + c.stdout + c.stderr);
31. mkdirSync(join(dir, 'hl-modules'));
32. copyFileSync(join(ROOT, 'js/src/runtime/runtime.js'), join(dir, 'hl-runtime.js'));
33. copyFileSync(join(ROOT, 'plugins/time/server.js'), join(dir, 'hl-modules/time.js'));
34. writeFileSync(join(dir, 'index.html'), '<!doctype html><script type="module" src="fixture.js"></script>');
36. server = http.createServer((req, res) => {
37. const path = join(dir, new URL(req.url, 'http://x').pathname);
38. try {
39. const body = readFileSync(path.endsWith('/') ? join(path, 'index.html') : path);
40. res.writeHead(200, { 'content-type': extname(path) === '.js' ? 'text/javascript' : 'text/html' });
41. res.end(body);
42. } catch { res.writeHead(404); res.end(); }
43. });
44. await new Promise(r => server.listen(0, '127.0.0.1', r));
46. browser = await launchBrowser();
47. const page = await browser.newPage();
48. await page.addInitScript(`window.__out = []; { const log = console.log; console.log = (...a) => { window.__out.push(a.join(' ')); log(...a); }; }`);
49. await page.goto(`http://127.0.0.1:${server.address().port}/`);
50. await page.waitFor(`window.__out.length >= ${EXPECTED.length}`, { timeout: 15000, label: 'the fixture printed every line' });
51. const got = await page.evaluate('window.__out');
52. const zone = await page.evaluate('Intl.DateTimeFormat().resolvedOptions().timeZone + " " + navigator.userAgent.match(/Chrome\\/[0-9.]+/)');
53. for (let i = 0; i < Math.max(got.length, EXPECTED.length); i++) {
54. if (got[i] !== EXPECTED[i]) {
55. failed = true;
56. console.log(`FAIL line ${i + 1}\n expected: ${EXPECTED[i]}\n browser: ${got[i]}`);
57. }
58. }
59. const problems = page.problems();
60. if (problems.length) { failed = true; console.log('FAIL console problems:\n' + page.dumpConsole()); }
61. console.log(`${failed ? 'FAIL' : 'ok '} hl:time zones in the browser: ${got.length} lines against 038_time_zones.txt (${zone})`);
62. } catch (e) {
63. failed = true;
64. console.log('FAIL ' + (e && e.stack || e));
65. } finally {
66. if (browser) await browser.close();
67. if (server) server.close();
68. rmSync(dir, { recursive: true, force: true });
69. }
70. process.exit(failed ? 1 : 0);