@flrande/browserctl 0.1.0-dev.7.1

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 (91) hide show
  1. package/LICENSE +21 -0
  2. package/README-CN.md +66 -0
  3. package/README.md +66 -0
  4. package/apps/browserctl/src/commands/a11y-snapshot.ts +20 -0
  5. package/apps/browserctl/src/commands/act.ts +20 -0
  6. package/apps/browserctl/src/commands/common.test.ts +87 -0
  7. package/apps/browserctl/src/commands/common.ts +191 -0
  8. package/apps/browserctl/src/commands/console-list.ts +20 -0
  9. package/apps/browserctl/src/commands/cookie-clear.ts +18 -0
  10. package/apps/browserctl/src/commands/cookie-get.ts +18 -0
  11. package/apps/browserctl/src/commands/cookie-set.ts +22 -0
  12. package/apps/browserctl/src/commands/dialog-arm.ts +20 -0
  13. package/apps/browserctl/src/commands/dom-query-all.ts +18 -0
  14. package/apps/browserctl/src/commands/dom-query.ts +18 -0
  15. package/apps/browserctl/src/commands/download-trigger.ts +22 -0
  16. package/apps/browserctl/src/commands/download-wait.test.ts +67 -0
  17. package/apps/browserctl/src/commands/download-wait.ts +27 -0
  18. package/apps/browserctl/src/commands/element-screenshot.ts +20 -0
  19. package/apps/browserctl/src/commands/frame-list.ts +16 -0
  20. package/apps/browserctl/src/commands/frame-snapshot.ts +18 -0
  21. package/apps/browserctl/src/commands/network-wait-for.ts +100 -0
  22. package/apps/browserctl/src/commands/profile-list.ts +16 -0
  23. package/apps/browserctl/src/commands/profile-use.ts +18 -0
  24. package/apps/browserctl/src/commands/response-body.ts +24 -0
  25. package/apps/browserctl/src/commands/screenshot.ts +16 -0
  26. package/apps/browserctl/src/commands/snapshot.ts +16 -0
  27. package/apps/browserctl/src/commands/status.ts +10 -0
  28. package/apps/browserctl/src/commands/storage-get.ts +20 -0
  29. package/apps/browserctl/src/commands/storage-set.ts +22 -0
  30. package/apps/browserctl/src/commands/tab-close.ts +20 -0
  31. package/apps/browserctl/src/commands/tab-focus.ts +20 -0
  32. package/apps/browserctl/src/commands/tab-open.ts +19 -0
  33. package/apps/browserctl/src/commands/tabs.ts +13 -0
  34. package/apps/browserctl/src/commands/upload-arm.ts +26 -0
  35. package/apps/browserctl/src/daemon-client.test.ts +253 -0
  36. package/apps/browserctl/src/daemon-client.ts +632 -0
  37. package/apps/browserctl/src/e2e.test.ts +99 -0
  38. package/apps/browserctl/src/main.test.ts +215 -0
  39. package/apps/browserctl/src/main.ts +372 -0
  40. package/apps/browserctl/src/smoke.test.ts +16 -0
  41. package/apps/browserctl/src/smoke.ts +5 -0
  42. package/apps/browserd/src/bootstrap.ts +432 -0
  43. package/apps/browserd/src/chrome-relay-extension-bridge.test.ts +275 -0
  44. package/apps/browserd/src/chrome-relay-extension-bridge.ts +506 -0
  45. package/apps/browserd/src/container.ts +1531 -0
  46. package/apps/browserd/src/main.test.ts +864 -0
  47. package/apps/browserd/src/main.ts +7 -0
  48. package/bin/browserctl.cjs +21 -0
  49. package/bin/browserd.cjs +21 -0
  50. package/extensions/chrome-relay/README-CN.md +38 -0
  51. package/extensions/chrome-relay/README.md +38 -0
  52. package/extensions/chrome-relay/background.js +1687 -0
  53. package/extensions/chrome-relay/manifest.json +15 -0
  54. package/extensions/chrome-relay/popup.html +369 -0
  55. package/extensions/chrome-relay/popup.js +972 -0
  56. package/package.json +51 -0
  57. package/packages/core/src/bootstrap.test.ts +10 -0
  58. package/packages/core/src/driver-registry.test.ts +45 -0
  59. package/packages/core/src/driver-registry.ts +22 -0
  60. package/packages/core/src/driver.ts +47 -0
  61. package/packages/core/src/index.ts +5 -0
  62. package/packages/core/src/ref-cache.test.ts +61 -0
  63. package/packages/core/src/ref-cache.ts +28 -0
  64. package/packages/core/src/session-store.test.ts +49 -0
  65. package/packages/core/src/session-store.ts +33 -0
  66. package/packages/core/src/types.ts +9 -0
  67. package/packages/driver-chrome-relay/src/chrome-relay-driver.test.ts +634 -0
  68. package/packages/driver-chrome-relay/src/chrome-relay-driver.ts +2206 -0
  69. package/packages/driver-chrome-relay/src/chrome-relay-extension-runtime.test.ts +264 -0
  70. package/packages/driver-chrome-relay/src/chrome-relay-extension-runtime.ts +521 -0
  71. package/packages/driver-chrome-relay/src/index.ts +26 -0
  72. package/packages/driver-managed/src/index.ts +22 -0
  73. package/packages/driver-managed/src/managed-driver.test.ts +59 -0
  74. package/packages/driver-managed/src/managed-driver.ts +125 -0
  75. package/packages/driver-managed/src/managed-local-driver.test.ts +506 -0
  76. package/packages/driver-managed/src/managed-local-driver.ts +2021 -0
  77. package/packages/driver-remote-cdp/src/index.ts +19 -0
  78. package/packages/driver-remote-cdp/src/remote-cdp-driver.test.ts +617 -0
  79. package/packages/driver-remote-cdp/src/remote-cdp-driver.ts +2042 -0
  80. package/packages/protocol/src/envelope.test.ts +25 -0
  81. package/packages/protocol/src/envelope.ts +31 -0
  82. package/packages/protocol/src/errors.test.ts +17 -0
  83. package/packages/protocol/src/errors.ts +11 -0
  84. package/packages/protocol/src/index.ts +3 -0
  85. package/packages/protocol/src/tools.ts +3 -0
  86. package/packages/transport-mcp-stdio/src/index.ts +3 -0
  87. package/packages/transport-mcp-stdio/src/sdk-server.ts +139 -0
  88. package/packages/transport-mcp-stdio/src/server.test.ts +281 -0
  89. package/packages/transport-mcp-stdio/src/server.ts +183 -0
  90. package/packages/transport-mcp-stdio/src/tool-map.ts +67 -0
  91. package/scripts/smoke.ps1 +127 -0
@@ -0,0 +1,634 @@
1
+ import { describe, expect, it, vi } from "vitest";
2
+
3
+ import { createChromeRelayDriver } from "./index";
4
+
5
+ type MockConsoleMessage = {
6
+ type(): string;
7
+ text(): string;
8
+ location?(): {
9
+ url?: string;
10
+ lineNumber?: number;
11
+ columnNumber?: number;
12
+ };
13
+ };
14
+
15
+ type MockNetworkResponse = {
16
+ url(): string;
17
+ status(): number;
18
+ request(): {
19
+ method(): string;
20
+ resourceType?(): string;
21
+ };
22
+ text?(): Promise<string>;
23
+ body?(): Promise<Uint8Array | ArrayBuffer | string>;
24
+ };
25
+
26
+ type MockDialog = {
27
+ accept?(): Promise<void>;
28
+ dismiss?(): Promise<void>;
29
+ };
30
+
31
+ type MockDownload = {
32
+ path?(): Promise<string>;
33
+ saveAs?(path: string): Promise<void>;
34
+ suggestedFilename?(): string;
35
+ url?(): string;
36
+ mimeType?(): string;
37
+ };
38
+
39
+ type MockPage = {
40
+ goto(url: string): Promise<void>;
41
+ bringToFront(): Promise<void>;
42
+ close(): Promise<void>;
43
+ url(): string;
44
+ title(): Promise<string>;
45
+ content(): Promise<string>;
46
+ screenshot?(options?: Record<string, unknown>): Promise<unknown>;
47
+ locator(selector: string): {
48
+ click(): Promise<void>;
49
+ fill(value: string): Promise<void>;
50
+ type(value: string): Promise<void>;
51
+ setInputFiles?(files: string[]): Promise<void>;
52
+ };
53
+ keyboard?: {
54
+ press(key: string): Promise<void>;
55
+ };
56
+ on?(eventName: string, listener: (payload: unknown) => unknown): void;
57
+ waitForEvent?(eventName: string): Promise<unknown>;
58
+ };
59
+
60
+ type MockPageRecord = {
61
+ page: MockPage;
62
+ goto: ReturnType<typeof vi.fn>;
63
+ bringToFront: ReturnType<typeof vi.fn>;
64
+ close: ReturnType<typeof vi.fn>;
65
+ title: ReturnType<typeof vi.fn>;
66
+ content: ReturnType<typeof vi.fn>;
67
+ screenshot: ReturnType<typeof vi.fn>;
68
+ locator: ReturnType<typeof vi.fn>;
69
+ locatorClick: ReturnType<typeof vi.fn>;
70
+ locatorFill: ReturnType<typeof vi.fn>;
71
+ locatorType: ReturnType<typeof vi.fn>;
72
+ locatorSetInputFiles: ReturnType<typeof vi.fn>;
73
+ keyboardPress: ReturnType<typeof vi.fn>;
74
+ waitForEvent: ReturnType<typeof vi.fn>;
75
+ on: ReturnType<typeof vi.fn>;
76
+ emitConsole(entry: MockConsoleMessage): Promise<void>;
77
+ emitResponse(response: MockNetworkResponse): Promise<void>;
78
+ emitDialog(dialog: MockDialog): Promise<void>;
79
+ emitDownload(download: MockDownload): Promise<void>;
80
+ getUrl(): string;
81
+ };
82
+
83
+ type RuntimeHarness = {
84
+ runtime: {
85
+ connectOverCDP(endpointUrl: string): Promise<{
86
+ contexts(): Array<{
87
+ newPage(): Promise<MockPage>;
88
+ }>;
89
+ close(): Promise<void>;
90
+ }>;
91
+ fetchJson(url: string): Promise<unknown>;
92
+ isConnected?(): boolean;
93
+ };
94
+ connectOverCDP: ReturnType<typeof vi.fn>;
95
+ fetchJson: ReturnType<typeof vi.fn>;
96
+ isConnected?: ReturnType<typeof vi.fn>;
97
+ browserClose: ReturnType<typeof vi.fn>;
98
+ pages: MockPageRecord[];
99
+ };
100
+
101
+ type RuntimeHarnessOptions = {
102
+ jsonVersionResult?: unknown;
103
+ jsonVersionError?: Error;
104
+ supportsDownloadEvents?: boolean;
105
+ isConnected?: boolean;
106
+ };
107
+
108
+ function createMockPageRecord(pageNumber: number): MockPageRecord {
109
+ let currentUrl = "about:blank";
110
+ const listeners = new Map<string, Array<(payload: unknown) => unknown>>();
111
+ const waiters = new Map<
112
+ string,
113
+ Array<{ resolve: (value: unknown) => void; reject: (error: unknown) => void }>
114
+ >();
115
+
116
+ const goto = vi.fn(async (url: string) => {
117
+ currentUrl = url;
118
+ });
119
+ const bringToFront = vi.fn(async () => {});
120
+ const close = vi.fn(async () => {});
121
+ const title = vi.fn(async () => `mock-title-${pageNumber}`);
122
+ const content = vi.fn(async () => `<html data-page="${pageNumber}" />`);
123
+ const screenshot = vi.fn(async () => new Uint8Array([0, 1, 2, pageNumber]));
124
+ const locatorClick = vi.fn(async () => {});
125
+ const locatorFill = vi.fn(async (_value: string) => {});
126
+ const locatorType = vi.fn(async (_value: string) => {});
127
+ const locatorSetInputFiles = vi.fn(async (_files: string[]) => {});
128
+ const locator = vi.fn((_selector: string) => ({
129
+ click: locatorClick,
130
+ fill: locatorFill,
131
+ type: locatorType,
132
+ setInputFiles: locatorSetInputFiles
133
+ }));
134
+ const keyboardPress = vi.fn(async (_key: string) => {});
135
+ const waitForEvent = vi.fn(async (eventName: string) => {
136
+ return await new Promise<unknown>((resolve, reject) => {
137
+ const current = waiters.get(eventName);
138
+ if (current !== undefined) {
139
+ current.push({ resolve, reject });
140
+ return;
141
+ }
142
+
143
+ waiters.set(eventName, [{ resolve, reject }]);
144
+ });
145
+ });
146
+ const on = vi.fn((eventName: string, listener: (payload: unknown) => unknown) => {
147
+ const existing = listeners.get(eventName);
148
+ if (existing !== undefined) {
149
+ existing.push(listener);
150
+ return;
151
+ }
152
+
153
+ listeners.set(eventName, [listener]);
154
+ });
155
+ const emit = async (eventName: string, payload: unknown): Promise<void> => {
156
+ const eventListeners = listeners.get(eventName);
157
+ if (eventListeners !== undefined) {
158
+ for (const listener of eventListeners) {
159
+ await listener(payload);
160
+ }
161
+ }
162
+
163
+ const eventWaiters = waiters.get(eventName);
164
+ if (eventWaiters === undefined || eventWaiters.length === 0) {
165
+ return;
166
+ }
167
+
168
+ const nextWaiter = eventWaiters.shift();
169
+ nextWaiter?.resolve(payload);
170
+ };
171
+
172
+ const page: MockPage = {
173
+ goto,
174
+ bringToFront,
175
+ close,
176
+ url: () => currentUrl,
177
+ title,
178
+ content,
179
+ screenshot,
180
+ locator,
181
+ on,
182
+ waitForEvent,
183
+ keyboard: {
184
+ press: keyboardPress
185
+ }
186
+ };
187
+
188
+ return {
189
+ page,
190
+ goto,
191
+ bringToFront,
192
+ close,
193
+ title,
194
+ content,
195
+ screenshot,
196
+ locator,
197
+ locatorClick,
198
+ locatorFill,
199
+ locatorType,
200
+ locatorSetInputFiles,
201
+ keyboardPress,
202
+ waitForEvent,
203
+ on,
204
+ emitConsole: async (entry) => {
205
+ await emit("console", entry);
206
+ },
207
+ emitResponse: async (response) => {
208
+ await emit("response", response);
209
+ },
210
+ emitDialog: async (dialog) => {
211
+ await emit("dialog", dialog);
212
+ },
213
+ emitDownload: async (download) => {
214
+ await emit("download", download);
215
+ },
216
+ getUrl: () => currentUrl
217
+ };
218
+ }
219
+
220
+ function createRuntimeHarness(options: RuntimeHarnessOptions = {}): RuntimeHarness {
221
+ const supportsDownloadEvents = options.supportsDownloadEvents ?? false;
222
+ const pages: MockPageRecord[] = [];
223
+ const newPage = vi.fn(async () => {
224
+ const pageRecord = createMockPageRecord(pages.length + 1);
225
+ if (!supportsDownloadEvents) {
226
+ delete (pageRecord.page as Record<string, unknown>).waitForEvent;
227
+ }
228
+ pages.push(pageRecord);
229
+ return pageRecord.page;
230
+ });
231
+
232
+ const browserClose = vi.fn(async () => {});
233
+ const connectOverCDP = vi.fn(async () => ({
234
+ contexts: () => [
235
+ {
236
+ newPage
237
+ }
238
+ ],
239
+ close: browserClose
240
+ }));
241
+ const fetchJson = vi.fn(async () => {
242
+ if (options.jsonVersionError !== undefined) {
243
+ throw options.jsonVersionError;
244
+ }
245
+
246
+ return options.jsonVersionResult ?? {};
247
+ });
248
+ const isConnected =
249
+ options.isConnected === undefined
250
+ ? undefined
251
+ : vi.fn(() => options.isConnected === true);
252
+
253
+ return {
254
+ runtime: {
255
+ connectOverCDP,
256
+ fetchJson,
257
+ ...(isConnected !== undefined ? { isConnected } : {})
258
+ },
259
+ connectOverCDP,
260
+ fetchJson,
261
+ isConnected,
262
+ browserClose,
263
+ pages
264
+ };
265
+ }
266
+
267
+ describe("createChromeRelayDriver", () => {
268
+ it("uses runtime connection status when available", async () => {
269
+ const harness = createRuntimeHarness({
270
+ isConnected: true
271
+ });
272
+ const driver = createChromeRelayDriver({
273
+ relayUrl: "http://127.0.0.1:9223",
274
+ runtime: harness.runtime
275
+ });
276
+
277
+ expect(await driver.status()).toEqual({
278
+ kind: "chrome-relay",
279
+ connected: true,
280
+ relayUrl: "http://127.0.0.1:9223/"
281
+ });
282
+ expect(harness.connectOverCDP).toHaveBeenCalledTimes(0);
283
+ expect(harness.isConnected).toBeDefined();
284
+ expect(harness.isConnected).toHaveBeenCalledTimes(1);
285
+ });
286
+
287
+ it("keeps status lazy and resolves ws endpoint through /json/version for http relay URLs", async () => {
288
+ const harness = createRuntimeHarness({
289
+ jsonVersionResult: {
290
+ webSocketDebuggerUrl: "ws://127.0.0.1:9333/devtools/browser/relay"
291
+ }
292
+ });
293
+ const driver = createChromeRelayDriver({
294
+ relayUrl: " http://127.0.0.1:9223 ",
295
+ runtime: harness.runtime
296
+ });
297
+
298
+ expect(await driver.status()).toEqual({
299
+ kind: "chrome-relay",
300
+ connected: false,
301
+ relayUrl: "http://127.0.0.1:9223/"
302
+ });
303
+ expect(await driver.listTabs()).toEqual([]);
304
+ expect(harness.connectOverCDP).toHaveBeenCalledTimes(0);
305
+
306
+ const targetId = await driver.openTab("https://example.com/a", "profile:alpha");
307
+
308
+ expect(targetId).toBe("target:chrome-relay:profile:alpha:1");
309
+ expect(harness.fetchJson).toHaveBeenCalledWith("http://127.0.0.1:9223/json/version");
310
+ expect(harness.connectOverCDP).toHaveBeenCalledWith(
311
+ "ws://127.0.0.1:9333/devtools/browser/relay"
312
+ );
313
+ expect(await driver.status()).toMatchObject({
314
+ kind: "chrome-relay",
315
+ connected: true
316
+ });
317
+ });
318
+
319
+ it("open/list/focus/close keeps deterministic ids per profile", async () => {
320
+ const harness = createRuntimeHarness();
321
+ const driver = createChromeRelayDriver({
322
+ relayUrl: "ws://127.0.0.1:9333/devtools/browser/relay",
323
+ runtime: harness.runtime
324
+ });
325
+ const alpha = "profile:alpha";
326
+
327
+ const firstTarget = await driver.openTab("https://example.com/1", alpha);
328
+ const secondTarget = await driver.openTab("https://example.com/2", alpha);
329
+ const betaTarget = await driver.openTab("https://example.com/3", "profile:beta");
330
+
331
+ expect(firstTarget).toBe("target:chrome-relay:profile:alpha:1");
332
+ expect(secondTarget).toBe("target:chrome-relay:profile:alpha:2");
333
+ expect(betaTarget).toBe("target:chrome-relay:profile:beta:1");
334
+ expect(await driver.listTabs(alpha)).toEqual([firstTarget, secondTarget]);
335
+
336
+ await driver.focusTab(secondTarget, alpha);
337
+ expect(harness.pages[1]?.bringToFront).toHaveBeenCalledTimes(1);
338
+
339
+ await driver.closeTab(firstTarget, alpha);
340
+ expect(await driver.listTabs(alpha)).toEqual([secondTarget]);
341
+ await driver.closeTab(secondTarget, alpha);
342
+ expect(await driver.listTabs(alpha)).toEqual([]);
343
+ });
344
+
345
+ it("snapshot reports hasTarget true for active tab and false after close", async () => {
346
+ const harness = createRuntimeHarness();
347
+ const driver = createChromeRelayDriver({
348
+ relayUrl: "ws://127.0.0.1:9333/devtools/browser/relay",
349
+ runtime: harness.runtime
350
+ });
351
+ const profile = "profile:alpha";
352
+ const targetId = await driver.openTab("https://example.com/snapshot", profile);
353
+
354
+ await expect(driver.snapshot(targetId, profile)).resolves.toEqual({
355
+ kind: "chrome-relay",
356
+ profile,
357
+ targetId,
358
+ relayUrl: "ws://127.0.0.1:9333/devtools/browser/relay",
359
+ hasTarget: true,
360
+ url: "https://example.com/snapshot",
361
+ title: "mock-title-1",
362
+ html: '<html data-page="1" />',
363
+ requestSummaries: []
364
+ });
365
+
366
+ await expect(driver.screenshot(targetId, profile)).resolves.toEqual({
367
+ kind: "chrome-relay",
368
+ profile,
369
+ targetId,
370
+ relayUrl: "ws://127.0.0.1:9333/devtools/browser/relay",
371
+ hasTarget: true,
372
+ mimeType: "image/png",
373
+ encoding: "base64",
374
+ imageBase64: "AAECAQ=="
375
+ });
376
+ expect(harness.pages[0]?.screenshot).toHaveBeenCalledTimes(1);
377
+
378
+ await driver.closeTab(targetId, profile);
379
+
380
+ await expect(driver.snapshot(targetId, profile)).resolves.toEqual({
381
+ kind: "chrome-relay",
382
+ profile,
383
+ targetId,
384
+ relayUrl: "ws://127.0.0.1:9333/devtools/browser/relay",
385
+ hasTarget: false
386
+ });
387
+ await expect(driver.screenshot(targetId, profile)).resolves.toMatchObject({
388
+ hasTarget: false
389
+ });
390
+ });
391
+
392
+ it("act supports goto/click/fill/type/press and unknown action fallback", async () => {
393
+ const harness = createRuntimeHarness();
394
+ const driver = createChromeRelayDriver({
395
+ relayUrl: "ws://127.0.0.1:9333/devtools/browser/relay",
396
+ runtime: harness.runtime
397
+ });
398
+ const profile = "profile:alpha";
399
+ const targetId = await driver.openTab("https://example.com/start", profile);
400
+ const pageRecord = harness.pages[0];
401
+ if (pageRecord === undefined) {
402
+ throw new Error("Expected a mock page record.");
403
+ }
404
+
405
+ await driver.act({ type: "goto", payload: { url: "https://example.com/next" } }, targetId, profile);
406
+ await driver.act({ type: "click", payload: { selector: "#go" } }, targetId, profile);
407
+ await driver.act(
408
+ { type: "fill", payload: { selector: "#name", value: "relay" } },
409
+ targetId,
410
+ profile
411
+ );
412
+ await driver.act(
413
+ { type: "type", payload: { selector: "#query", text: "chrome relay" } },
414
+ targetId,
415
+ profile
416
+ );
417
+ await driver.act({ type: "press", payload: { key: "Enter" } }, targetId, profile);
418
+
419
+ await expect(driver.act({ type: "unknown:noop" }, targetId, profile)).resolves.toMatchObject({
420
+ actionType: "unknown:noop",
421
+ profile,
422
+ targetId,
423
+ targetKnown: true,
424
+ ok: true,
425
+ executed: false
426
+ });
427
+
428
+ expect(pageRecord.getUrl()).toBe("https://example.com/next");
429
+ expect(pageRecord.locator).toHaveBeenCalledWith("#go");
430
+ expect(pageRecord.locatorClick).toHaveBeenCalledTimes(1);
431
+ expect(pageRecord.locatorFill).toHaveBeenCalledWith("relay");
432
+ expect(pageRecord.locatorType).toHaveBeenCalledWith("chrome relay");
433
+ expect(pageRecord.keyboardPress).toHaveBeenCalledWith("Enter");
434
+ });
435
+
436
+ it("captures console + network telemetry and supports request body lookup", async () => {
437
+ const harness = createRuntimeHarness();
438
+ const driver = createChromeRelayDriver({
439
+ relayUrl: "ws://127.0.0.1:9333/devtools/browser/relay",
440
+ runtime: harness.runtime
441
+ });
442
+ const profile = "profile:alpha";
443
+ const targetId = await driver.openTab("https://example.com/events", profile);
444
+ const pageRecord = harness.pages[0];
445
+ if (pageRecord === undefined) {
446
+ throw new Error("Expected a mock page record.");
447
+ }
448
+
449
+ await pageRecord.emitConsole({
450
+ type: () => "warning",
451
+ text: () => "relay warning",
452
+ location: () => ({
453
+ url: "https://example.com/app.js",
454
+ lineNumber: 12,
455
+ columnNumber: 3
456
+ })
457
+ });
458
+
459
+ await pageRecord.emitResponse({
460
+ url: () => "https://example.com/api/items",
461
+ status: () => 200,
462
+ request: () => ({
463
+ method: () => "GET",
464
+ resourceType: () => "xhr"
465
+ }),
466
+ text: async () => '{"ok":true}'
467
+ });
468
+
469
+ await pageRecord.emitResponse({
470
+ url: () => "https://example.com/api/binary",
471
+ status: () => 201,
472
+ request: () => ({
473
+ method: () => "POST",
474
+ resourceType: () => "fetch"
475
+ }),
476
+ body: async () => new Uint8Array([0, 1, 2])
477
+ });
478
+
479
+ const telemetryDriver = driver as typeof driver & {
480
+ getConsoleEntries?: (targetId: string, profile?: string) => Array<{
481
+ text: string;
482
+ type: string;
483
+ }>;
484
+ getNetworkResponseBody?: (
485
+ requestId: string,
486
+ targetId: string,
487
+ profile?: string
488
+ ) => { body: string; encoding: "utf8" | "base64" } | undefined;
489
+ };
490
+
491
+ const consoleEntries = telemetryDriver.getConsoleEntries?.(targetId, profile) ?? [];
492
+ expect(consoleEntries).toEqual([
493
+ expect.objectContaining({
494
+ type: "warning",
495
+ text: "relay warning",
496
+ location: {
497
+ url: "https://example.com/app.js",
498
+ lineNumber: 12,
499
+ columnNumber: 3
500
+ }
501
+ })
502
+ ]);
503
+ consoleEntries[0].text = "mutated";
504
+ expect(telemetryDriver.getConsoleEntries?.(targetId, profile)?.[0]?.text).toBe("relay warning");
505
+
506
+ const snapshot = await driver.snapshot(targetId, profile);
507
+ expect(snapshot).toMatchObject({
508
+ hasTarget: true,
509
+ requestSummaries: [
510
+ expect.objectContaining({
511
+ requestId: expect.any(String),
512
+ url: "https://example.com/api/items",
513
+ method: "GET",
514
+ resourceType: "xhr",
515
+ status: 200
516
+ }),
517
+ expect.objectContaining({
518
+ requestId: expect.any(String),
519
+ url: "https://example.com/api/binary",
520
+ method: "POST",
521
+ resourceType: "fetch",
522
+ status: 201
523
+ })
524
+ ]
525
+ });
526
+
527
+ const requestSummaries = (
528
+ snapshot as {
529
+ requestSummaries?: Array<{ requestId: string; url: string }>;
530
+ }
531
+ ).requestSummaries;
532
+ const firstRequestId = requestSummaries?.[0]?.requestId;
533
+ const secondRequestId = requestSummaries?.[1]?.requestId;
534
+ if (typeof firstRequestId !== "string" || typeof secondRequestId !== "string") {
535
+ throw new Error("Expected request ids from telemetry snapshot.");
536
+ }
537
+
538
+ expect(telemetryDriver.getNetworkResponseBody?.(firstRequestId, targetId, profile)).toEqual({
539
+ body: '{"ok":true}',
540
+ encoding: "utf8"
541
+ });
542
+ expect(telemetryDriver.getNetworkResponseBody?.(secondRequestId, targetId, profile)).toEqual({
543
+ body: "AAEC",
544
+ encoding: "base64"
545
+ });
546
+ expect(telemetryDriver.getNetworkResponseBody?.("request:missing", targetId, profile)).toBeUndefined();
547
+ });
548
+
549
+ it("keeps upload/dialog/download state scoped to target + profile", async () => {
550
+ const harness = createRuntimeHarness();
551
+ const driver = createChromeRelayDriver({
552
+ relayUrl: "ws://127.0.0.1:9333/devtools/browser/relay",
553
+ runtime: harness.runtime
554
+ });
555
+ const alphaProfile = "profile:alpha";
556
+ const betaProfile = "profile:beta";
557
+ const alphaTarget = await driver.openTab("https://example.com/alpha", alphaProfile);
558
+ const betaTarget = await driver.openTab("https://example.com/beta", betaProfile);
559
+
560
+ await expect(driver.armUpload(alphaTarget, ["wrong-profile.txt"], betaProfile)).rejects.toThrowError(
561
+ `Unknown targetId: ${alphaTarget} (profile: ${betaProfile})`
562
+ );
563
+
564
+ await driver.armUpload(alphaTarget, ["alpha.txt"], alphaProfile);
565
+ await driver.armUpload(betaTarget, ["beta.txt"], betaProfile);
566
+ await driver.armDialog(betaTarget, betaProfile);
567
+ await driver.triggerDownload(alphaTarget, alphaProfile);
568
+ await driver.triggerDownload(betaTarget, betaProfile);
569
+
570
+ await expect(driver.waitDownload(alphaTarget, alphaProfile)).resolves.toEqual({
571
+ path: "chrome-relay-profile_alpha-target_chrome-relay_profile_alpha_1-1.bin",
572
+ profile: alphaProfile,
573
+ targetId: alphaTarget,
574
+ relayUrl: "ws://127.0.0.1:9333/devtools/browser/relay",
575
+ uploadFiles: ["alpha.txt"],
576
+ dialogArmedCount: 0,
577
+ triggerCount: 1
578
+ });
579
+
580
+ await expect(driver.waitDownload(betaTarget, betaProfile)).resolves.toEqual({
581
+ path: "chrome-relay-profile_beta-target_chrome-relay_profile_beta_1-1.bin",
582
+ profile: betaProfile,
583
+ targetId: betaTarget,
584
+ relayUrl: "ws://127.0.0.1:9333/devtools/browser/relay",
585
+ uploadFiles: ["beta.txt"],
586
+ dialogArmedCount: 1,
587
+ triggerCount: 1
588
+ });
589
+ });
590
+
591
+ it("supports real upload/dialog/download hooks when runtime exposes events", async () => {
592
+ const harness = createRuntimeHarness({
593
+ supportsDownloadEvents: true
594
+ });
595
+ const driver = createChromeRelayDriver({
596
+ relayUrl: "ws://127.0.0.1:9333/devtools/browser/relay",
597
+ runtime: harness.runtime
598
+ });
599
+ const profile = "profile:alpha";
600
+ const targetId = await driver.openTab("https://example.com/upload", profile);
601
+ const pageRecord = harness.pages[0];
602
+ if (pageRecord === undefined) {
603
+ throw new Error("Expected page record.");
604
+ }
605
+
606
+ await driver.armUpload(targetId, ["C:\\upload\\alpha.txt"], profile);
607
+ await driver.act({ type: "click", payload: { selector: "#file" } }, targetId, profile);
608
+ expect(pageRecord.locatorSetInputFiles).toHaveBeenCalledWith(["C:\\upload\\alpha.txt"]);
609
+
610
+ const dialogAccept = vi.fn(async () => {});
611
+ await driver.armDialog(targetId, profile);
612
+ await pageRecord.emitDialog({
613
+ accept: dialogAccept
614
+ });
615
+ expect(dialogAccept).toHaveBeenCalledTimes(1);
616
+
617
+ await driver.triggerDownload(targetId, profile);
618
+ await pageRecord.emitDownload({
619
+ path: async () => "C:\\downloads\\alpha.bin",
620
+ suggestedFilename: () => "alpha.bin",
621
+ url: () => "https://example.com/alpha.bin",
622
+ mimeType: () => "application/octet-stream"
623
+ });
624
+ await expect(driver.waitDownload(targetId, profile)).resolves.toMatchObject({
625
+ path: "C:\\downloads\\alpha.bin",
626
+ profile,
627
+ targetId,
628
+ suggestedFilename: "alpha.bin",
629
+ url: "https://example.com/alpha.bin",
630
+ mimeType: "application/octet-stream",
631
+ triggerCount: 1
632
+ });
633
+ });
634
+ });