browser-commander 0.28.0 → 0.30.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (57) hide show
  1. package/.jscpd-baseline.json +7 -20
  2. package/CHANGELOG.md +12 -0
  3. package/README.md +27 -10
  4. package/package.json +1 -1
  5. package/scripts/run-tests.mjs +3 -1
  6. package/src/browser/browser-profile-files.js +5 -2
  7. package/src/browser/connector.js +140 -65
  8. package/src/browser/launcher.js +19 -8
  9. package/src/browser/persistent-session.js +110 -38
  10. package/src/browser/session-adoption.js +96 -0
  11. package/src/browser/session-worker.js +12 -0
  12. package/src/cli/args.js +3 -0
  13. package/src/cli/commands.js +3 -0
  14. package/src/cli/high-level-methods.js +7 -0
  15. package/src/cli/sessions.js +3 -0
  16. package/src/core/commander-features.js +33 -25
  17. package/src/core/navigation-safety.js +1 -0
  18. package/src/core/page-trigger-manager.js +173 -134
  19. package/src/index.js +2 -0
  20. package/src/interactions/overlays.js +59 -14
  21. package/src/traces/bundle.js +41 -3
  22. package/src/traces/checkpoints.js +7 -3
  23. package/src/traces/commander-actions.js +146 -0
  24. package/src/traces/debug-session.js +119 -0
  25. package/src/traces/drain-timer.js +25 -0
  26. package/src/traces/links.js +44 -5
  27. package/src/traces/mutation-stream.js +12 -5
  28. package/src/traces/network.js +65 -13
  29. package/src/traces/observers.js +50 -46
  30. package/src/traces/page-capture.js +65 -21
  31. package/src/traces/recorder.js +79 -28
  32. package/src/traces/redaction.js +89 -6
  33. package/src/traces/rolling-bundle.js +240 -0
  34. package/src/traces/rolling.js +10 -113
  35. package/src/traces/stop.js +1 -0
  36. package/src/traces/user-actions.js +405 -0
  37. package/tests/e2e/issue-160.e2e.test.js +291 -0
  38. package/tests/e2e/issue-162-recording.e2e.test.js +175 -0
  39. package/tests/e2e/traces.e2e.test.js +4 -1
  40. package/tests/fixtures/traces/conformance/expected/bundle/checkpoints/0002.html +1 -1
  41. package/tests/fixtures/traces/conformance/expected/bundle/checkpoints/0003.html +1 -1
  42. package/tests/fixtures/traces/conformance/expected/bundle/events.ndjson +4 -4
  43. package/tests/fixtures/traces/conformance/expected/bundle/manifest.json +4 -0
  44. package/tests/fixtures/traces/conformance/expected/bundle/viewer.html +1 -1
  45. package/tests/fixtures/traces/conformance/expected/trace.lino +4 -4
  46. package/tests/fixtures/traces/conformance/scenario.json +1 -0
  47. package/tests/helpers/e2e-browser.js +2 -1
  48. package/tests/unit/browser/issue-160-connector.test.js +157 -0
  49. package/tests/unit/core/interrupted-navigation.test.js +32 -0
  50. package/tests/unit/core/trigger-stop-race.test.js +80 -0
  51. package/tests/unit/interactions/overlays.test.js +58 -0
  52. package/tests/unit/traces/issue-160-privacy.test.js +110 -0
  53. package/tests/unit/traces/issue-160-rotation.test.js +140 -0
  54. package/tests/unit/traces/issue-162-defaults.test.js +223 -0
  55. package/tests/unit/traces/issue-162-user-actions.test.js +181 -0
  56. package/tests/unit/traces/network.test.js +55 -3
  57. package/tests/unit/traces/recorder.test.js +4 -1
package/tests/e2e/issue-162-recording.e2e.test.js ADDED
@@ -0,0 +1,175 @@
1
+ import { it } from 'node:test';
2
+ import assert from 'node:assert/strict';
3
+ import fs from 'node:fs/promises';
4
+ import os from 'node:os';
5
+ import path from 'node:path';
6
+ import http from 'node:http';
7
+ import { makeBrowserCommander } from '../../src/factory.js';
8
+ import { readTrace } from '../../src/traces/reader.js';
9
+ import { launchE2EBrowser } from '../helpers/e2e-browser.js';
10
+
11
+ async function activateWithCommander(page, commander) {
12
+ await commander.click({ selector: '#save', waitAfter: false, verify: false });
13
+ await page.focus('#typed');
14
+ await commander.pressKey({ key: 'Enter' });
15
+ }
16
+
17
+ for (const engine of ['playwright', 'puppeteer']) {
18
+ it(
19
+ `records a person's actions and their failed request with ${engine}`,
20
+ {
21
+ skip: process.env.RUN_E2E !== 'true',
22
+ timeout: 60000,
23
+ },
24
+ async () => {
25
+ const output = await fs.mkdtemp(
26
+ path.join(os.tmpdir(), 'bc-user-actions-')
27
+ );
28
+ const server = http.createServer((request, response) => {
29
+ if (request.url === '/delete') {
30
+ response.writeHead(500, { 'content-type': 'application/json' });
31
+ response.end('{"error":"private response body"}');
32
+ } else {
33
+ response.setHeader('content-type', 'text/html');
34
+ response.end(`<!doctype html><form id="form" onsubmit="event.preventDefault()">
35
+ <button id="delete" type="button" aria-label="Delete position">Delete</button>
36
+ <input id="typed"><textarea id="notes"></textarea>
37
+ <button id="save">Save</button></form><div id="result"></div>
38
+ <div id="shadow"></div><iframe srcdoc='<button id="inside">Inside frame</button>'></iframe>
39
+ <script>
40
+ document.querySelector('#delete').onclick = async () => {
41
+ await fetch('/delete', { method: 'DELETE' });
42
+ document.querySelector('#result').textContent = 'Something went wrong on our end';
43
+ };
44
+ document.querySelector('#shadow').attachShadow({mode:'open'}).innerHTML = '<button>Shadow action</button>';
45
+ </script>`);
46
+ }
47
+ });
48
+ await new Promise((resolve) => server.listen(0, '127.0.0.1', resolve));
49
+ let launched, commander;
50
+ try {
51
+ launched = await launchE2EBrowser({ engine });
52
+ const { page } = launched;
53
+ const debugEnvironment = process.env.BROWSER_COMMANDER_DEBUG;
54
+ delete process.env.BROWSER_COMMANDER_DEBUG;
55
+ try {
56
+ commander = makeBrowserCommander({
57
+ page,
58
+ debug: { output },
59
+ enableNavigationManager: false,
60
+ });
61
+ await commander.ready;
62
+ } finally {
63
+ if (debugEnvironment !== undefined) {
64
+ process.env.BROWSER_COMMANDER_DEBUG = debugEnvironment;
65
+ }
66
+ }
67
+ await page.goto(`http://127.0.0.1:${server.address().port}/`);
68
+ if (engine === 'playwright') {
69
+ await page.locator('#shadow').getByRole('button').click();
70
+ } else {
71
+ await page.click('#shadow >>> button');
72
+ }
73
+ const frame = page.frames().find((item) => item !== page.mainFrame());
74
+ await frame.click('#inside');
75
+ // Engine input is trusted browser input, just as a physical click is.
76
+ await page.click('#delete');
77
+ await page.waitForFunction(() =>
78
+ document.querySelector('#result').textContent.includes('wrong')
79
+ );
80
+ await page.click('#typed');
81
+ await page.keyboard.type('PRIVATE_TYPED_SENTINEL');
82
+ await page.keyboard.press('Escape');
83
+ await page.click('#save');
84
+ await page.click('#delete', { button: 'right' });
85
+ await page.evaluate(() =>
86
+ document
87
+ .querySelector('#delete')
88
+ .dispatchEvent(new window.MouseEvent('click', { bubbles: true }))
89
+ );
90
+ await page.evaluate(
91
+ () =>
92
+ (document.querySelector('#notes').value =
93
+ 'PRIVATE_TEXTAREA_SENTINEL')
94
+ );
95
+ await page.click('#save');
96
+ await activateWithCommander(page, commander);
97
+ await commander.destroy();
98
+ const trace = await readTrace(output),
99
+ actions = trace.events.filter(
100
+ (event) => event.kind === 'interaction'
101
+ );
102
+ const clicks = actions.filter(
103
+ (event) =>
104
+ event.source === 'user' &&
105
+ event.action === 'click' &&
106
+ event.target.path === '#delete'
107
+ );
108
+ assert.equal(clicks.length, 1, 'synthetic events must not be recorded');
109
+ assert.equal(clicks[0].target.role, 'button');
110
+ assert.equal(clicks[0].target.name, 'Delete position');
111
+ assert.equal(clicks[0].target.text, 'Delete');
112
+ assert.ok(
113
+ actions.some(
114
+ (event) => event.source === 'user' && event.action === 'pointerdown'
115
+ )
116
+ );
117
+ assert.ok(
118
+ actions.some(
119
+ (event) =>
120
+ event.source === 'user' && event.target.name === 'Shadow action'
121
+ )
122
+ );
123
+ assert.ok(
124
+ actions.some(
125
+ (event) =>
126
+ event.source === 'user' &&
127
+ event.target.name === 'Inside frame' &&
128
+ event.mainFrame === false
129
+ )
130
+ );
131
+ assert.ok(
132
+ actions.some(
133
+ (event) => event.action === 'keydown' && event.key === 'Escape'
134
+ )
135
+ );
136
+ assert.ok(actions.some((event) => event.action === 'submit'));
137
+ assert.ok(actions.some((event) => event.action === 'contextmenu'));
138
+ assert.equal(
139
+ actions.filter((event) => event.source === 'commander').length,
140
+ 2
141
+ );
142
+ assert.equal(
143
+ actions.filter(
144
+ (event) =>
145
+ event.source === 'user' &&
146
+ event.action === 'click' &&
147
+ event.target.path === '#save'
148
+ ).length,
149
+ 2
150
+ );
151
+ assert.doesNotMatch(
152
+ JSON.stringify(actions),
153
+ /PRIVATE_(TYPED|TEXTAREA)_SENTINEL/
154
+ );
155
+ const failed = trace.events.find(
156
+ (event) => event.kind === 'network.response' && event.status === 500
157
+ ),
158
+ links = await fs.readFile(path.join(output, 'trace.lino'), 'utf8');
159
+ assert.equal(failed.method, 'DELETE');
160
+ assert.equal(failed.body, undefined, 'network bodies remain opt-in');
161
+ assert.ok(clicks[0].sequence < failed.sequence);
162
+ assert.match(links, /source: user/);
163
+ assert.match(links, /dom-snapshot/);
164
+ assert.match(links, /dom-mutation/);
165
+ assert.match(links, /Something went wrong on our end/);
166
+ assert.match(links, /status: 500/);
167
+ } finally {
168
+ await commander?.destroy();
169
+ await launched?.cleanup();
170
+ await new Promise((resolve) => server.close(resolve));
171
+ await fs.rm(output, { recursive: true, force: true });
172
+ }
173
+ }
174
+ );
175
+ }
package/tests/e2e/traces.e2e.test.js CHANGED
@@ -65,7 +65,7 @@ function describeTraces(engine) {
65
65
  engine,
66
66
  downloadDirectory,
67
67
  }));
68
- commander = makeBrowserCommander({ page, downloads });
68
+ commander = makeBrowserCommander({ page, downloads, debug: false });
69
69
  });
70
70
 
71
71
  beforeEach(async () => {
@@ -91,6 +91,9 @@ function describeTraces(engine) {
91
91
  commander.startTrace({
92
92
  output: path.join(artifacts, `run-${++runs}`),
93
93
  screenshots: false,
94
+ mode: 'checkpoints',
95
+ network: false,
96
+ links: false,
94
97
  ...options,
95
98
  });
96
99
 
package/tests/fixtures/traces/conformance/expected/bundle/checkpoints/0002.html CHANGED
@@ -1,2 +1,2 @@
1
1
  <!DOCTYPE html>
2
- <html><body><form><input name="user" value="bob"><textarea>sk-zzz9 note</textarea></form></body></html>
2
+ <html><body><form><input name="user" value="bob"><textarea>[redacted] note</textarea></form></body></html>
package/tests/fixtures/traces/conformance/expected/bundle/checkpoints/0003.html CHANGED
@@ -1,2 +1,2 @@
1
1
  <!DOCTYPE html>
2
- <html><body><form><input name="user" value="bob"><textarea>sk-zzz9 note</textarea></form></body></html>
2
+ <html><body><form><input name="user" value="bob"><textarea>[redacted] note</textarea></form></body></html>
package/tests/fixtures/traces/conformance/expected/bundle/events.ndjson CHANGED
@@ -7,12 +7,12 @@
7
7
  {"sequence":7,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"requestfailed","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","url":"https://api.example.com/v1?api_key=[redacted]&page=2","method":"POST","failure":"net::ERR_FAILED"}
8
8
  {"sequence":8,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"dialog","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","type":"confirm","message":"Continue? #yes"}
9
9
  {"sequence":9,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"download","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","phase":"completed","id":"download-1","suggestedFilename":"report final.csv","path":"/downloads/report final.csv","checksum":"sha256:00ff","bytes":42,"url":"https://files.example.com/r.csv?signature=[redacted]","failure":null}
10
- {"sequence":10,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"interaction","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","actionId":"trace-1-action-1","action":"goto","target":"https://example.com/next?code=abc","durationMs":0,"ok":true}
11
- {"sequence":11,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"interaction","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","actionId":"trace-1-action-2","action":"clickButton","target":"#go","durationMs":0,"ok":false,"error":"button #go is not visible"}
10
+ {"sequence":10,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"interaction","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","actionId":"trace-1-action-1","source":"commander","action":"goto","target":"https://example.com/next?code=abc","durationMs":0,"ok":true}
11
+ {"sequence":11,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"interaction","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","actionId":"trace-1-action-2","source":"commander","action":"clickButton","target":"#go","durationMs":0,"ok":false,"error":"button #go is not visible"}
12
12
  {"sequence":12,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"dropped","reason":"size-limit","member":"mutations","detail":"2 records over the in-page queue limit"}
13
- {"sequence":13,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"mutations","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","member":"mutations/0001.ndjson","batches":2,"checkpoint":1,"frames":1}
13
+ {"sequence":13,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"mutations","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","member":"mutations/0001.ndjson","batches":2,"checkpoint":1,"frames":1,"truncated":false}
14
14
  {"sequence":14,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"checkpoint","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","index":2,"name":"after click","actor":"automation","reason":"checkpoint","url":"https://example.com/next?token=[redacted]","truncated":true,"members":{"html":"checkpoints/0002.html","state":"checkpoints/0002.state.json","screenshot":"checkpoints/0002.png"}}
15
15
  {"sequence":15,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"interaction","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","action":"note","actor":"caller","authorization":"[redacted]","detail":"uses [redacted]","pageUrl":"https://example.com/?session=[redacted]","count":3,"ratio":0.25,"whole":2,"nested":{"list":[1,"two",null,true]}}
16
- {"sequence":16,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"mutations","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","member":"mutations/0002.ndjson","batches":1,"checkpoint":2,"frames":1}
16
+ {"sequence":16,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"mutations","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","member":"mutations/0002.ndjson","batches":1,"checkpoint":2,"frames":1,"truncated":false}
17
17
  {"sequence":17,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"checkpoint","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","index":3,"name":"final","actor":"caller","reason":"failure","url":"https://example.com/next?token=[redacted]","truncated":true,"members":{"html":"checkpoints/0003.html","state":"checkpoints/0003.state.json","screenshot":"checkpoints/0003.png"}}
18
18
  {"sequence":18,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"trace.stop","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","discarded":false}
package/tests/fixtures/traces/conformance/expected/bundle/manifest.json CHANGED
@@ -36,6 +36,7 @@
36
36
  "privacy": {
37
37
  "redactSelectors": [
38
38
  "input[type=password]",
39
+ "input[type=hidden]",
39
40
  "[data-private]",
40
41
  "[data-bc-redact]"
41
42
  ],
@@ -61,6 +62,9 @@
61
62
  "session",
62
63
  "signature",
63
64
  "token",
65
+ "csrf",
66
+ "xsrf",
67
+ "_xsrf",
64
68
  "ticket"
65
69
  ],
66
70
  "hasCallback": false
package/tests/fixtures/traces/conformance/expected/bundle/viewer.html CHANGED
@@ -53,7 +53,7 @@
53
53
  <div class="panel" id="details"></div>
54
54
  <div class="panel" id="diff"></div>
55
55
  </main>
56
- <script id="trace-data" type="application/json">{"manifest":{"schemaVersion":2,"format":"browser-commander-trace","mode":"continuous","outcome":"partial","startedAt":"2026-01-01T00:00:00.000Z","stoppedAt":"2026-01-01T00:00:00.000Z","commanderVersion":"0.0.0-conformance","engine":"playwright","browser":null,"platform":"conformance","runtime":"conformance","events":["navigation","interaction","console","pageerror","dialog","requestfailed","download"],"dom":{"html":true,"liveControlState":true,"liveState":true,"mutations":true,"openShadowRoots":true},"replay":{"checkpoints":true,"mutations":true,"childListPositions":true,"liveState":true,"identifiers":true},"privacy":{"redactSelectors":["input[type=password]","[data-private]","[data-bc-redact]"],"redactAttributes":["authorization","proxy-authorization","cookie","set-cookie","x-api-key","x-auth-token","x-csrf-token"],"redactQueryParams":["access_token","api_key","apikey","auth","code","id_token","password","refresh_token","secret","session","signature","token","ticket"],"hasCallback":false},"limits":{"maxQueuedMutations":100},"counts":{"checkpoints":3,"events":18,"mutationBatches":3},"dropped":1},"events":[{"sequence":1,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"trace.start","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-1","mode":"continuous","engine":"playwright","dom":{"html":true,"liveControlState":true,"liveState":true,"mutations":true,"openShadowRoots":true},"events":["navigation","interaction","console","pageerror","dialog","requestfailed","download"],"initialCheckpoint":true},{"sequence":2,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"checkpoint","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-1","index":1,"name":"initial","actor":"recorder","reason":"initial","url":"https://[redacted]:[redacted]@example.com/start?ticket=[redacted]&lang=en#access_token=[redacted]&view=1","truncated":false,"members":{"html":"checkpoints/0001.html","state":"checkpoints/0001.state.json","screenshot":"checkpoints/0001.png"}},{"sequence":3,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"navigation","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","phase":"framenavigated","mainFrame":true,"url":"https://example.com/next?token=[redacted]&q=a+b"},{"sequence":4,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"navigation","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","phase":"framenavigated","mainFrame":false,"url":"https://ads.example.com/frame"},{"sequence":5,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"console","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","level":"log","text":"key [redacted] loaded\n\ttab \"and\" 'quotes'"},{"sequence":6,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"pageerror","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","message":"boom: (unbalanced","stack":"Error: boom\n at main.js:1:2"},{"sequence":7,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"requestfailed","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","url":"https://api.example.com/v1?api_key=[redacted]&page=2","method":"POST","failure":"net::ERR_FAILED"},{"sequence":8,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"dialog","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","type":"confirm","message":"Continue? #yes"},{"sequence":9,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"download","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","phase":"completed","id":"download-1","suggestedFilename":"report final.csv","path":"/downloads/report final.csv","checksum":"sha256:00ff","bytes":42,"url":"https://files.example.com/r.csv?signature=[redacted]","failure":null},{"sequence":10,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"interaction","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","actionId":"trace-1-action-1","action":"goto","target":"https://example.com/next?code=abc","durationMs":0,"ok":true},{"sequence":11,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"interaction","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","actionId":"trace-1-action-2","action":"clickButton","target":"#go","durationMs":0,"ok":false,"error":"button #go is not visible"},{"sequence":12,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"dropped","reason":"size-limit","member":"mutations","detail":"2 records over the in-page queue limit"},{"sequence":13,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"mutations","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","member":"mutations/0001.ndjson","batches":2,"checkpoint":1,"frames":1},{"sequence":14,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"checkpoint","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","index":2,"name":"after click","actor":"automation","reason":"checkpoint","url":"https://example.com/next?token=[redacted]","truncated":true,"members":{"html":"checkpoints/0002.html","state":"checkpoints/0002.state.json","screenshot":"checkpoints/0002.png"}},{"sequence":15,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"interaction","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","action":"note","actor":"caller","authorization":"[redacted]","detail":"uses [redacted]","pageUrl":"https://example.com/?session=[redacted]","count":3,"ratio":0.25,"whole":2,"nested":{"list":[1,"two",null,true]}},{"sequence":16,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"mutations","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","member":"mutations/0002.ndjson","batches":1,"checkpoint":2,"frames":1},{"sequence":17,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"checkpoint","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","index":3,"name":"final","actor":"caller","reason":"failure","url":"https://example.com/next?token=[redacted]","truncated":true,"members":{"html":"checkpoints/0003.html","state":"checkpoints/0003.state.json","screenshot":"checkpoints/0003.png"}},{"sequence":18,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"trace.stop","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","discarded":false}],"checkpoints":[{"index":1,"name":"initial","actor":"recorder","reason":"initial","url":"https://[redacted]:[redacted]@example.com/start?ticket=[redacted]&lang=en#access_token=[redacted]&view=1","at":"2026-01-01T00:00:00.000Z","sequence":2,"members":{"html":"checkpoints/0001.html","state":"checkpoints/0001.state.json","screenshot":"checkpoints/0001.png"}},{"index":2,"name":"after click","actor":"automation","reason":"checkpoint","url":"https://example.com/next?token=[redacted]","at":"2026-01-01T00:00:00.000Z","sequence":14,"members":{"html":"checkpoints/0002.html","state":"checkpoints/0002.state.json","screenshot":"checkpoints/0002.png"}},{"index":3,"name":"final","actor":"caller","reason":"failure","url":"https://example.com/next?token=[redacted]","at":"2026-01-01T00:00:00.000Z","sequence":17,"members":{"html":"checkpoints/0003.html","state":"checkpoints/0003.state.json","screenshot":"checkpoints/0003.png"}}],"html":{"1":"\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\u003chead\u003e\u003ctitle\u003eStart\u003c/title\u003e\u003c/head\u003e\u003cbody\u003e\u003cform\u003e\u003cinput name=\"user\" value=\"alice\"\u003e\u003cinput type=\"checkbox\" name=\"agree\"\u003e\u003cselect name=\"plan\"\u003e\u003coption\u003ea\u003c/option\u003e\u003c/select\u003e\u003c/form\u003e\u003c/body\u003e\u003c/html\u003e","2":"\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\u003cbody\u003e\u003cform\u003e\u003cinput name=\"user\" value=\"bob\"\u003e\u003ctextarea\u003esk-zzz9 note\u003c/textarea\u003e\u003c/form\u003e\u003c/body\u003e\u003c/html\u003e","3":"\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\u003cbody\u003e\u003cform\u003e\u003cinput name=\"user\" value=\"bob\"\u003e\u003ctextarea\u003esk-zzz9 note\u003c/textarea\u003e\u003c/form\u003e\u003c/body\u003e\u003c/html\u003e"},"state":{"1":{"url":"https://[redacted]:[redacted]@example.com/start?ticket=[redacted]&lang=en#access_token=[redacted]&view=1","title":"Start – “quoted” 'single' \\ back","readyState":"complete","scroll":{"x":0,"y":12.5},"viewport":{"width":1280,"height":720},"activeElement":null,"controls":[{"path":"form \u003e input:nth-of-type(1)","tag":"input","type":"text","name":"user","id":null,"focused":false,"value":"alice","redacted":false},{"path":"form \u003e input:nth-of-type(2)","tag":"input","type":"checkbox","name":"agree","id":null,"focused":false,"value":"on","checked":false,"redacted":false},{"path":"form \u003e select","tag":"select","type":null,"name":"plan","id":null,"focused":false,"value":"a","selected":[0],"redacted":false}],"frames":[],"name":"initial","actor":"recorder","reason":"initial"},"2":{"url":"https://example.com/next?token=[redacted]","title":"Next","readyState":"interactive","scroll":{"x":0,"y":0},"viewport":{"width":1280,"height":720},"activeElement":"form \u003e textarea","controls":[{"path":"form \u003e input:nth-of-type(1)","tag":"input","type":"text","name":"user","id":null,"focused":false,"value":"bob","redacted":false},{"path":"form \u003e input:nth-of-type(2)","tag":"input","type":"checkbox","name":"agree","id":null,"focused":false,"value":"on","checked":true,"redacted":false},{"path":"form \u003e textarea","tag":"textarea","type":null,"name":null,"id":"note","focused":true,"value":"[redacted] note","scroll":{"x":0,"y":3},"redacted":false}],"frames":[{"url":"https://ads.example.com/frame","crossOrigin":true}],"name":"after click","actor":"automation","reason":"checkpoint"},"3":{"url":"https://example.com/next?token=[redacted]","title":"Next","readyState":"interactive","scroll":{"x":0,"y":0},"viewport":{"width":1280,"height":720},"activeElement":"form \u003e textarea","controls":[{"path":"form \u003e input:nth-of-type(1)","tag":"input","type":"text","name":"user","id":null,"focused":false,"value":"bob","redacted":false},{"path":"form \u003e input:nth-of-type(2)","tag":"input","type":"checkbox","name":"agree","id":null,"focused":false,"value":"on","checked":true,"redacted":false},{"path":"form \u003e textarea","tag":"textarea","type":null,"name":null,"id":"note","focused":true,"value":"[redacted] note","scroll":{"x":0,"y":3},"redacted":false}],"frames":[{"url":"https://ads.example.com/frame","crossOrigin":true}],"name":"final","actor":"caller","reason":"failure"}},"mutations":{"1":[{"traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","frameId":"main","mainFrame":true,"at":1767225600100,"records":[{"type":"live-state","target":2,"property":"value","value":"bo"},{"type":"childList","target":1,"added":[{"id":9,"html":"\u003cp\u003enew\u2028line\u003c/p\u003e"}],"removed":[],"index":3}]},{"traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","frameId":"main","mainFrame":true,"at":1767225600200,"records":[{"type":"attributes","target":4,"name":"class","value":"busy"}]}],"2":[{"traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","frameId":"main","mainFrame":true,"at":1767225600300,"records":[{"type":"characterData","target":7,"value":"done ✓ 😀"}]}],"3":[]},"diffs":{"1":[],"2":[{"path":"form \u003e input:nth-of-type(1)","change":"changed","before":"alice","after":"bob"},{"path":"form \u003e input:nth-of-type(2)","change":"changed","before":false,"after":true},{"path":"form \u003e textarea","change":"added","after":"[redacted] note"},{"path":"form \u003e select","change":"removed","before":"a"}],"3":[]},"elided":[]}</script>
56
+ <script id="trace-data" type="application/json">{"manifest":{"schemaVersion":2,"format":"browser-commander-trace","mode":"continuous","outcome":"partial","startedAt":"2026-01-01T00:00:00.000Z","stoppedAt":"2026-01-01T00:00:00.000Z","commanderVersion":"0.0.0-conformance","engine":"playwright","browser":null,"platform":"conformance","runtime":"conformance","events":["navigation","interaction","console","pageerror","dialog","requestfailed","download"],"dom":{"html":true,"liveControlState":true,"liveState":true,"mutations":true,"openShadowRoots":true},"replay":{"checkpoints":true,"mutations":true,"childListPositions":true,"liveState":true,"identifiers":true},"privacy":{"redactSelectors":["input[type=password]","input[type=hidden]","[data-private]","[data-bc-redact]"],"redactAttributes":["authorization","proxy-authorization","cookie","set-cookie","x-api-key","x-auth-token","x-csrf-token"],"redactQueryParams":["access_token","api_key","apikey","auth","code","id_token","password","refresh_token","secret","session","signature","token","csrf","xsrf","_xsrf","ticket"],"hasCallback":false},"limits":{"maxQueuedMutations":100},"counts":{"checkpoints":3,"events":18,"mutationBatches":3},"dropped":1},"events":[{"sequence":1,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"trace.start","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-1","mode":"continuous","engine":"playwright","dom":{"html":true,"liveControlState":true,"liveState":true,"mutations":true,"openShadowRoots":true},"events":["navigation","interaction","console","pageerror","dialog","requestfailed","download"],"initialCheckpoint":true},{"sequence":2,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"checkpoint","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-1","index":1,"name":"initial","actor":"recorder","reason":"initial","url":"https://[redacted]:[redacted]@example.com/start?ticket=[redacted]&lang=en#access_token=[redacted]&view=1","truncated":false,"members":{"html":"checkpoints/0001.html","state":"checkpoints/0001.state.json","screenshot":"checkpoints/0001.png"}},{"sequence":3,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"navigation","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","phase":"framenavigated","mainFrame":true,"url":"https://example.com/next?token=[redacted]&q=a+b"},{"sequence":4,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"navigation","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","phase":"framenavigated","mainFrame":false,"url":"https://ads.example.com/frame"},{"sequence":5,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"console","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","level":"log","text":"key [redacted] loaded\n\ttab \"and\" 'quotes'"},{"sequence":6,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"pageerror","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","message":"boom: (unbalanced","stack":"Error: boom\n at main.js:1:2"},{"sequence":7,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"requestfailed","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","url":"https://api.example.com/v1?api_key=[redacted]&page=2","method":"POST","failure":"net::ERR_FAILED"},{"sequence":8,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"dialog","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","type":"confirm","message":"Continue? #yes"},{"sequence":9,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"download","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","phase":"completed","id":"download-1","suggestedFilename":"report final.csv","path":"/downloads/report final.csv","checksum":"sha256:00ff","bytes":42,"url":"https://files.example.com/r.csv?signature=[redacted]","failure":null},{"sequence":10,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"interaction","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","actionId":"trace-1-action-1","source":"commander","action":"goto","target":"https://example.com/next?code=abc","durationMs":0,"ok":true},{"sequence":11,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"interaction","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","actionId":"trace-1-action-2","source":"commander","action":"clickButton","target":"#go","durationMs":0,"ok":false,"error":"button #go is not visible"},{"sequence":12,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"dropped","reason":"size-limit","member":"mutations","detail":"2 records over the in-page queue limit"},{"sequence":13,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"mutations","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","member":"mutations/0001.ndjson","batches":2,"checkpoint":1,"frames":1,"truncated":false},{"sequence":14,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"checkpoint","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","index":2,"name":"after click","actor":"automation","reason":"checkpoint","url":"https://example.com/next?token=[redacted]","truncated":true,"members":{"html":"checkpoints/0002.html","state":"checkpoints/0002.state.json","screenshot":"checkpoints/0002.png"}},{"sequence":15,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"interaction","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","action":"note","actor":"caller","authorization":"[redacted]","detail":"uses [redacted]","pageUrl":"https://example.com/?session=[redacted]","count":3,"ratio":0.25,"whole":2,"nested":{"list":[1,"two",null,true]}},{"sequence":16,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"mutations","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","member":"mutations/0002.ndjson","batches":1,"checkpoint":2,"frames":1,"truncated":false},{"sequence":17,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"checkpoint","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","index":3,"name":"final","actor":"caller","reason":"failure","url":"https://example.com/next?token=[redacted]","truncated":true,"members":{"html":"checkpoints/0003.html","state":"checkpoints/0003.state.json","screenshot":"checkpoints/0003.png"}},{"sequence":18,"at":"2026-01-01T00:00:00.000Z","monotonicMs":1235,"kind":"trace.stop","traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","discarded":false}],"checkpoints":[{"index":1,"name":"initial","actor":"recorder","reason":"initial","url":"https://[redacted]:[redacted]@example.com/start?ticket=[redacted]&lang=en#access_token=[redacted]&view=1","at":"2026-01-01T00:00:00.000Z","sequence":2,"members":{"html":"checkpoints/0001.html","state":"checkpoints/0001.state.json","screenshot":"checkpoints/0001.png"}},{"index":2,"name":"after click","actor":"automation","reason":"checkpoint","url":"https://example.com/next?token=[redacted]","at":"2026-01-01T00:00:00.000Z","sequence":14,"members":{"html":"checkpoints/0002.html","state":"checkpoints/0002.state.json","screenshot":"checkpoints/0002.png"}},{"index":3,"name":"final","actor":"caller","reason":"failure","url":"https://example.com/next?token=[redacted]","at":"2026-01-01T00:00:00.000Z","sequence":17,"members":{"html":"checkpoints/0003.html","state":"checkpoints/0003.state.json","screenshot":"checkpoints/0003.png"}}],"html":{"1":"\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\u003chead\u003e\u003ctitle\u003eStart\u003c/title\u003e\u003c/head\u003e\u003cbody\u003e\u003cform\u003e\u003cinput name=\"user\" value=\"alice\"\u003e\u003cinput type=\"checkbox\" name=\"agree\"\u003e\u003cselect name=\"plan\"\u003e\u003coption\u003ea\u003c/option\u003e\u003c/select\u003e\u003c/form\u003e\u003c/body\u003e\u003c/html\u003e","2":"\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\u003cbody\u003e\u003cform\u003e\u003cinput name=\"user\" value=\"bob\"\u003e\u003ctextarea\u003e[redacted] note\u003c/textarea\u003e\u003c/form\u003e\u003c/body\u003e\u003c/html\u003e","3":"\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\u003cbody\u003e\u003cform\u003e\u003cinput name=\"user\" value=\"bob\"\u003e\u003ctextarea\u003e[redacted] note\u003c/textarea\u003e\u003c/form\u003e\u003c/body\u003e\u003c/html\u003e"},"state":{"1":{"url":"https://[redacted]:[redacted]@example.com/start?ticket=[redacted]&lang=en#access_token=[redacted]&view=1","title":"Start – “quoted” 'single' \\ back","readyState":"complete","scroll":{"x":0,"y":12.5},"viewport":{"width":1280,"height":720},"activeElement":null,"controls":[{"path":"form \u003e input:nth-of-type(1)","tag":"input","type":"text","name":"user","id":null,"focused":false,"value":"alice","redacted":false},{"path":"form \u003e input:nth-of-type(2)","tag":"input","type":"checkbox","name":"agree","id":null,"focused":false,"value":"on","checked":false,"redacted":false},{"path":"form \u003e select","tag":"select","type":null,"name":"plan","id":null,"focused":false,"value":"a","selected":[0],"redacted":false}],"frames":[],"name":"initial","actor":"recorder","reason":"initial"},"2":{"url":"https://example.com/next?token=[redacted]","title":"Next","readyState":"interactive","scroll":{"x":0,"y":0},"viewport":{"width":1280,"height":720},"activeElement":"form \u003e textarea","controls":[{"path":"form \u003e input:nth-of-type(1)","tag":"input","type":"text","name":"user","id":null,"focused":false,"value":"bob","redacted":false},{"path":"form \u003e input:nth-of-type(2)","tag":"input","type":"checkbox","name":"agree","id":null,"focused":false,"value":"on","checked":true,"redacted":false},{"path":"form \u003e textarea","tag":"textarea","type":null,"name":null,"id":"note","focused":true,"value":"[redacted] note","scroll":{"x":0,"y":3},"redacted":false}],"frames":[{"url":"https://ads.example.com/frame","crossOrigin":true}],"name":"after click","actor":"automation","reason":"checkpoint"},"3":{"url":"https://example.com/next?token=[redacted]","title":"Next","readyState":"interactive","scroll":{"x":0,"y":0},"viewport":{"width":1280,"height":720},"activeElement":"form \u003e textarea","controls":[{"path":"form \u003e input:nth-of-type(1)","tag":"input","type":"text","name":"user","id":null,"focused":false,"value":"bob","redacted":false},{"path":"form \u003e input:nth-of-type(2)","tag":"input","type":"checkbox","name":"agree","id":null,"focused":false,"value":"on","checked":true,"redacted":false},{"path":"form \u003e textarea","tag":"textarea","type":null,"name":null,"id":"note","focused":true,"value":"[redacted] note","scroll":{"x":0,"y":3},"redacted":false}],"frames":[{"url":"https://ads.example.com/frame","crossOrigin":true}],"name":"final","actor":"caller","reason":"failure"}},"mutations":{"1":[{"traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","frameId":"main","mainFrame":true,"at":1767225600100,"records":[{"type":"live-state","target":2,"property":"value","value":"bo"},{"type":"childList","target":1,"added":[{"id":9,"html":"\u003cp\u003enew\u2028line\u003c/p\u003e"}],"removed":[],"index":3}]},{"traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","frameId":"main","mainFrame":true,"at":1767225600200,"records":[{"type":"attributes","target":4,"name":"class","value":"busy"}]}],"2":[{"traceId":"trace-1","browserContextId":"context-1","pageId":"page-1","navigationId":"nav-2","frameId":"main","mainFrame":true,"at":1767225600300,"records":[{"type":"characterData","target":7,"value":"done ✓ 😀"}]}],"3":[]},"diffs":{"1":[],"2":[{"path":"form \u003e input:nth-of-type(1)","change":"changed","before":"alice","after":"bob"},{"path":"form \u003e input:nth-of-type(2)","change":"changed","before":false,"after":true},{"path":"form \u003e textarea","change":"added","after":"[redacted] note"},{"path":"form \u003e select","change":"removed","before":"a"}],"3":[]},"elided":[]}</script>
57
57
  <script>
58
58
  const trace = JSON.parse(document.getElementById('trace-data').textContent);
59
59
  const timeline = document.getElementById('timeline');
package/tests/fixtures/traces/conformance/expected/trace.lino CHANGED
@@ -9,14 +9,14 @@
9
9
  (timeline: (sequence: 7) (at: '2026-01-01T00:00:00.000Z') (monotonicMs: 1235) (kind: requestfailed) (trace: trace-1) (context: context-1) (page: page-1) (navigation: nav-2) (actor: browser) (target: 'https://api.example.com/v1?api_key=[redacted]&page=2') (outcome: failed) (url: 'https://api.example.com/v1?api_key=[redacted]&page=2') (method: POST) (failure: 'net::ERR_FAILED'))
10
10
  (timeline: (sequence: 8) (at: '2026-01-01T00:00:00.000Z') (monotonicMs: 1235) (kind: dialog) (trace: trace-1) (context: context-1) (page: page-1) (navigation: nav-2) (actor: browser) (outcome: recorded) (type: confirm) (message: 'Continue? #yes'))
11
11
  (timeline: (sequence: 9) (at: '2026-01-01T00:00:00.000Z') (monotonicMs: 1235) (kind: download) (trace: trace-1) (context: context-1) (page: page-1) (navigation: nav-2) (actor: browser) (action: completed) (target: 'https://files.example.com/r.csv?signature=[redacted]') (outcome: recorded) (phase: completed) (id: download-1) (suggestedFilename: 'report final.csv') (path: '/downloads/report final.csv') (checksum: 'sha256:00ff') (bytes: 42) (url: 'https://files.example.com/r.csv?signature=[redacted]'))
12
- (timeline: (sequence: 10) (at: '2026-01-01T00:00:00.000Z') (monotonicMs: 1235) (kind: interaction) (trace: trace-1) (context: context-1) (page: page-1) (navigation: nav-2) (actor: automation) (action: goto) (target: 'https://example.com/next?code=abc') (outcome: ok) (actionId: trace-1-action-1) (durationMs: 0) (ok: true))
13
- (timeline: (sequence: 11) (at: '2026-01-01T00:00:00.000Z') (monotonicMs: 1235) (kind: interaction) (trace: trace-1) (context: context-1) (page: page-1) (navigation: nav-2) (actor: automation) (action: clickButton) (target: '#go') (outcome: failed) (actionId: trace-1-action-2) (durationMs: 0) (ok: false) (error: 'button #go is not visible'))
12
+ (timeline: (sequence: 10) (at: '2026-01-01T00:00:00.000Z') (monotonicMs: 1235) (kind: interaction) (trace: trace-1) (context: context-1) (page: page-1) (navigation: nav-2) (actor: automation) (action: goto) (target: 'https://example.com/next?code=abc') (outcome: ok) (actionId: trace-1-action-1) (source: commander) (durationMs: 0) (ok: true))
13
+ (timeline: (sequence: 11) (at: '2026-01-01T00:00:00.000Z') (monotonicMs: 1235) (kind: interaction) (trace: trace-1) (context: context-1) (page: page-1) (navigation: nav-2) (actor: automation) (action: clickButton) (target: '#go') (outcome: failed) (actionId: trace-1-action-2) (source: commander) (durationMs: 0) (ok: false) (error: 'button #go is not visible'))
14
14
  (timeline: (sequence: 12) (at: '2026-01-01T00:00:00.000Z') (monotonicMs: 1235) (kind: dropped) (actor: recorder) (target: mutations) (outcome: dropped) (reason: size-limit) (member: mutations) (detail: '2 records over the in-page queue limit'))
15
- (timeline: (sequence: 13) (at: '2026-01-01T00:00:00.000Z') (monotonicMs: 1235) (kind: mutations) (trace: trace-1) (context: context-1) (page: page-1) (navigation: nav-2) (actor: recorder) (target: mutations/0001.ndjson) (outcome: recorded) (member: mutations/0001.ndjson) (batches: 2) (checkpoint: 1) (frames: 1))
15
+ (timeline: (sequence: 13) (at: '2026-01-01T00:00:00.000Z') (monotonicMs: 1235) (kind: mutations) (trace: trace-1) (context: context-1) (page: page-1) (navigation: nav-2) (actor: recorder) (target: mutations/0001.ndjson) (outcome: recorded) (member: mutations/0001.ndjson) (batches: 2) (checkpoint: 1) (frames: 1) (truncated: false))
16
16
  (timeline: (sequence: 14) (at: '2026-01-01T00:00:00.000Z') (monotonicMs: 1235) (kind: checkpoint) (trace: trace-1) (context: context-1) (page: page-1) (navigation: nav-2) (actor: automation) (target: 'https://example.com/next?token=[redacted]') (outcome: partial) (index: 2) (name: 'after click') (reason: checkpoint) (url: 'https://example.com/next?token=[redacted]') (truncated: true))
17
17
  (checkpoint: (index: 2) (sequence: 14) (at: '2026-01-01T00:00:00.000Z') (name: 'after click') (actor: automation) (reason: checkpoint) (page: page-1) (navigation: nav-2) (url: 'https://example.com/next?token=[redacted]') (outcome: partial) (html: checkpoints/0002.html) (state: checkpoints/0002.state.json) (screenshot: checkpoints/0002.png))
18
18
  (timeline: (sequence: 15) (at: '2026-01-01T00:00:00.000Z') (monotonicMs: 1235) (kind: interaction) (trace: trace-1) (context: context-1) (page: page-1) (navigation: nav-2) (actor: caller) (action: note) (outcome: recorded) (authorization: [redacted]) (detail: 'uses [redacted]') (pageUrl: 'https://example.com/?session=[redacted]') (count: 3) (ratio: 0.25) (whole: 2) (nested: '{"list":[1,"two",null,true]}'))
19
- (timeline: (sequence: 16) (at: '2026-01-01T00:00:00.000Z') (monotonicMs: 1235) (kind: mutations) (trace: trace-1) (context: context-1) (page: page-1) (navigation: nav-2) (actor: recorder) (target: mutations/0002.ndjson) (outcome: recorded) (member: mutations/0002.ndjson) (batches: 1) (checkpoint: 2) (frames: 1))
19
+ (timeline: (sequence: 16) (at: '2026-01-01T00:00:00.000Z') (monotonicMs: 1235) (kind: mutations) (trace: trace-1) (context: context-1) (page: page-1) (navigation: nav-2) (actor: recorder) (target: mutations/0002.ndjson) (outcome: recorded) (member: mutations/0002.ndjson) (batches: 1) (checkpoint: 2) (frames: 1) (truncated: false))
20
20
  (timeline: (sequence: 17) (at: '2026-01-01T00:00:00.000Z') (monotonicMs: 1235) (kind: checkpoint) (trace: trace-1) (context: context-1) (page: page-1) (navigation: nav-2) (actor: caller) (target: 'https://example.com/next?token=[redacted]') (outcome: partial) (index: 3) (name: final) (reason: failure) (url: 'https://example.com/next?token=[redacted]') (truncated: true))
21
21
  (checkpoint: (index: 3) (sequence: 17) (at: '2026-01-01T00:00:00.000Z') (name: final) (actor: caller) (reason: failure) (page: page-1) (navigation: nav-2) (url: 'https://example.com/next?token=[redacted]') (outcome: partial) (html: checkpoints/0003.html) (state: checkpoints/0003.state.json) (screenshot: checkpoints/0003.png))
22
22
  (timeline: (sequence: 18) (at: '2026-01-01T00:00:00.000Z') (monotonicMs: 1235) (kind: trace.stop) (trace: trace-1) (context: context-1) (page: page-1) (navigation: nav-2) (actor: recorder) (outcome: recorded) (discarded: false))
package/tests/fixtures/traces/conformance/scenario.json CHANGED
@@ -4,6 +4,7 @@
4
4
  "engine": "playwright",
5
5
  "options": {
6
6
  "mode": "continuous",
7
+ "network": false,
7
8
  "commanderVersion": "0.0.0-conformance",
8
9
  "privacy": {
9
10
  "redactPatterns": ["sk-[a-z0-9]+"],
package/tests/helpers/e2e-browser.js CHANGED
@@ -66,12 +66,13 @@ export const CHROME_LAUNCH_OPTIONS = {
66
66
  * @returns {Promise<{browser: Object, page: Object, downloads: Object, cleanup: Function}>} The launched browser and a `cleanup` that closes it and removes the profile
67
67
  */
68
68
  export async function launchE2EBrowser(options = {}) {
69
- const { engine, downloadDirectory } = options;
69
+ const { engine, downloadDirectory, debug = false } = options;
70
70
 
71
71
  // The default launch creates a fresh temporary profile and deletes it on
72
72
  // close, so the helper no longer manages one itself.
73
73
  const launched = await launchBrowser({
74
74
  engine,
75
+ debug,
75
76
  headless: process.env.HEADLESS !== 'false',
76
77
  ...CHROME_LAUNCH_OPTIONS,
77
78
  ...(downloadDirectory
package/tests/unit/browser/issue-160-connector.test.js ADDED
@@ -0,0 +1,157 @@
1
+ import assert from 'node:assert/strict';
2
+ import { it } from 'node:test';
3
+ import path from 'node:path';
4
+ import { physicalPath } from '../../../src/browser/browser-profile-files.js';
5
+ import {
6
+ matchesSessionProcess,
7
+ processArguments,
8
+ } from '../../../src/browser/session-adoption.js';
9
+ import {
10
+ connectBrowserWithDependencies,
11
+ pickForegroundPage,
12
+ } from '../../../src/browser/connector.js';
13
+
14
+ it('keeps plain profile paths when macOS privacy protection denies resolution', () => {
15
+ for (const code of ['EPERM', 'EACCES']) {
16
+ assert.equal(
17
+ physicalPath('/tmp/dedicated-profile', () => {
18
+ throw Object.assign(new Error('protected'), { code });
19
+ }),
20
+ path.resolve('/tmp/dedicated-profile')
21
+ );
22
+ }
23
+ });
24
+
25
+ it('verifies adoption profile, port and browser process across process-list formats', () => {
26
+ const options = {
27
+ userDataDir: '/tmp/managed profile',
28
+ remoteDebuggingPort: 9222,
29
+ };
30
+ const commands = [
31
+ '/usr/bin/google-chrome --user-data-dir="/tmp/managed profile" --remote-debugging-port=9222',
32
+ '/opt/google/chrome/chrome --user-data-dir="/tmp/managed profile" --remote-debugging-port=9222',
33
+ '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome --user-data-dir=/tmp/managed profile --remote-debugging-port=9222',
34
+ ];
35
+ for (const command of commands) {
36
+ assert.equal(
37
+ matchesSessionProcess(processArguments(command), options),
38
+ true
39
+ );
40
+ for (const changed of [
41
+ command.replace('9222', '9223'),
42
+ command.replace('managed profile', 'other profile'),
43
+ `${command} --type=renderer`,
44
+ ]) {
45
+ assert.equal(
46
+ matchesSessionProcess(processArguments(changed), options),
47
+ false
48
+ );
49
+ }
50
+ }
51
+ assert.equal(
52
+ matchesSessionProcess(
53
+ [
54
+ '/tmp/fake-chrome-process',
55
+ '--user-data-dir=/tmp/managed profile',
56
+ '--remote-debugging-port=9222',
57
+ ],
58
+ options
59
+ ),
60
+ false
61
+ );
62
+ const windows = processArguments(
63
+ '"C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe" --user-data-dir="C:\\managed profile" --remote-debugging-port=9222'
64
+ );
65
+ assert.equal(
66
+ windows[0],
67
+ 'C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe'
68
+ );
69
+ assert.equal(windows[1], '--user-data-dir=C:\\managed profile');
70
+ });
71
+
72
+ it('falls back from remembered targets and honors ranked URL matchers', async () => {
73
+ const pages = [
74
+ 'https://example.test/first',
75
+ 'https://example.test/preferred',
76
+ ].map((url) => ({ url: () => url, evaluate: async () => 'visible' }));
77
+ assert.equal(
78
+ await pickForegroundPage(pages, {
79
+ targetId: 'stale',
80
+ fallback: true,
81
+ url: [/preferred/, /first/],
82
+ }),
83
+ pages[1]
84
+ );
85
+ assert.equal(
86
+ await pickForegroundPage(pages, { targetId: 'stale', fallback: true }),
87
+ pages[0]
88
+ );
89
+ assert.equal(
90
+ await pickForegroundPage([], { targetId: 'stale', fallback: true }),
91
+ undefined
92
+ );
93
+ await assert.rejects(
94
+ pickForegroundPage(pages, { targetId: 'explicit' }),
95
+ /No tab matches/
96
+ );
97
+ });
98
+
99
+ it('disconnects attached Playwright and Puppeteer browsers on selection failure', async () => {
100
+ for (const engine of ['playwright', 'puppeteer']) {
101
+ let detached = 0;
102
+ const browser = {
103
+ contexts: () => [{ pages: () => [] }],
104
+ pages: async () => [],
105
+ close: async () => detached++,
106
+ disconnect: async () => detached++,
107
+ };
108
+ await assert.rejects(
109
+ connectBrowserWithDependencies(
110
+ { engine, cdpEndpoint: 'http://127.0.0.1:9222', targetId: 'missing' },
111
+ {
112
+ loadPlaywright: async () => ({
113
+ chromium: { connectOverCDP: async () => browser },
114
+ }),
115
+ loadPuppeteer: async () => ({ connect: async () => browser }),
116
+ }
117
+ ),
118
+ /No tab matches/
119
+ );
120
+ assert.equal(detached, 1);
121
+ }
122
+ });
123
+
124
+ it('forwards noDefaults and recovers only the zero-page context-management error', async () => {
125
+ const calls = [];
126
+ const page = { url: () => 'about:blank' };
127
+ const browser = {
128
+ contexts: () => [{ pages: () => [], newPage: async () => page }],
129
+ close: async () => {},
130
+ };
131
+ const loadPlaywright = async () => ({
132
+ chromium: {
133
+ connectOverCDP: async (_, options) => {
134
+ calls.push(options);
135
+ if (calls.length === 1 && options.noDefaults === undefined) {
136
+ throw new Error(
137
+ 'Protocol error (Browser.setDownloadBehavior): Browser context management is not supported.'
138
+ );
139
+ }
140
+ return browser;
141
+ },
142
+ },
143
+ });
144
+ const result = await connectBrowserWithDependencies(
145
+ { cdpEndpoint: 'http://127.0.0.1:9222' },
146
+ { loadPlaywright }
147
+ );
148
+ assert.equal(result.page, page);
149
+ assert.deepEqual(calls, [{}, { noDefaults: true }]);
150
+ for (const noDefaults of [false, true]) {
151
+ await connectBrowserWithDependencies(
152
+ { cdpEndpoint: 'http://127.0.0.1:9222', noDefaults },
153
+ { loadPlaywright }
154
+ );
155
+ assert.equal(calls.at(-1).noDefaults, noDefaults);
156
+ }
157
+ });
package/tests/unit/core/interrupted-navigation.test.js ADDED
@@ -0,0 +1,32 @@
1
+ import { it } from 'node:test';
2
+ import assert from 'node:assert/strict';
3
+ import { isNavigationError } from '../../../src/core/navigation-safety.js';
4
+ import { createManagedNavigator } from '../../../src/core/managed-navigation.js';
5
+
6
+ it('classifies net::ERR_ABORTED as an interrupted navigation outcome', async () => {
7
+ const error = new Error(
8
+ 'page.goto: net::ERR_ABORTED at https://example.test/a'
9
+ );
10
+ assert.equal(isNavigationError(error), true);
11
+ const goto = createManagedNavigator({
12
+ page: {
13
+ goto: async () => {
14
+ throw error;
15
+ },
16
+ },
17
+ state: {},
18
+ config: {},
19
+ triggerNavigationStart: async () => {},
20
+ updateCurrentUrl() {},
21
+ abandonNavigation() {},
22
+ waitForReady: async () => ({ ready: true }),
23
+ });
24
+ assert.equal(
25
+ (await goto({ url: 'https://example.test/a', returnOutcome: true })).status,
26
+ 'interrupted'
27
+ );
28
+ assert.equal(
29
+ isNavigationError(new Error('net::ERR_NAME_NOT_RESOLVED')),
30
+ false
31
+ );
32
+ });