Skip to content
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions docs/tool-reference.md
Original file line number Diff line number Diff line change
Expand Up @@ -358,6 +358,7 @@
- **args** (array) _(optional)_: An optional list of arguments to pass to the function.
- **dialogAction** (string) _(optional)_: Handle dialogs while execution. "accept", "dismiss", or string for response of window.prompt. Defaults to accept.
- **filePath** (string) _(optional)_: The absolute or relative path to a file to save the script output to. If omitted, the output is returned inline.
- **waitForStableDom** (boolean) _(optional)_: Whether to wait for the DOM to become stable after the script runs. Set to false for read-only scripts on pages with continuous DOM mutations. Defaults to true.

---

Expand Down
1 change: 1 addition & 0 deletions src/McpPage.ts
Original file line number Diff line number Diff line change
Expand Up @@ -261,6 +261,7 @@ export class McpPage implements ContextPage {
action: () => Promise<unknown>,
options?: {
timeout?: number;
waitForStableDom?: boolean;
handleDialog?:
DialogAction | Partial<Record<Protocol.Page.DialogType, DialogAction>>;
},
Expand Down
5 changes: 4 additions & 1 deletion src/WaitForHelper.ts
Original file line number Diff line number Diff line change
Expand Up @@ -134,6 +134,7 @@ export class WaitForHelper {
action: () => Promise<unknown>,
options?: {
timeout?: number;
waitForStableDom?: boolean;
handleDialog?:
DialogAction | Partial<Record<Protocol.Page.DialogType, DialogAction>>;
},
Expand Down Expand Up @@ -199,7 +200,9 @@ export class WaitForHelper {

// Wait for stable dom after navigation so we execute in
// the correct context
await this.waitForStableDom();
if (options?.waitForStableDom !== false) {
await this.waitForStableDom();
}
} catch (error) {
logger?.(error);
} finally {
Expand Down
7 changes: 7 additions & 0 deletions src/bin/chrome-devtools-cli-options.ts
Original file line number Diff line number Diff line change
Expand Up @@ -249,6 +249,13 @@ export const commands: Commands = {
'Handle dialogs while execution. "accept", "dismiss", or string for response of window.prompt. Defaults to accept.',
required: false,
},
waitForStableDom: {
name: 'waitForStableDom',
type: 'boolean',
description:
'Whether to wait for the DOM to become stable after the script runs. Set to false for read-only scripts on pages with continuous DOM mutations. Defaults to true.',
required: false,
},
},
},
execute_3p_developer_tool: {
Expand Down
4 changes: 4 additions & 0 deletions src/telemetry/tool_call_metrics.json
Original file line number Diff line number Diff line change
Expand Up @@ -119,6 +119,10 @@
{
"name": "file_path_length",
"argType": "number"
},
{
"name": "wait_for_stable_dom",
"argType": "boolean"
}
]
},
Expand Down
1 change: 1 addition & 0 deletions src/tools/ToolDefinition.ts
Original file line number Diff line number Diff line change
Expand Up @@ -301,6 +301,7 @@ export type ContextPage = Readonly<{
action: () => Promise<unknown>,
options?: {
timeout?: number;
waitForStableDom?: boolean;
handleDialog?:
DialogAction | Partial<Record<Protocol.Page.DialogType, DialogAction>>;
},
Expand Down
17 changes: 15 additions & 2 deletions src/tools/script.ts
Original file line number Diff line number Diff line change
Expand Up @@ -52,6 +52,12 @@ Example with arguments: \`(el) => el.innerText\`
.describe(
'Handle dialogs while execution. "accept", "dismiss", or string for response of window.prompt. Defaults to accept.',
),
waitForStableDom: zod
.boolean()
.optional()
.describe(
'Whether to wait for the DOM to become stable after the script runs. Set to false for read-only scripts on pages with continuous DOM mutations. Defaults to true.',
),
...(cliArgs?.categoryExtensions
? {
serviceWorkerId: zod
Expand All @@ -73,6 +79,7 @@ Example with arguments: \`(el) => el.innerText\`
pageId,
dialogAction,
filePath,
waitForStableDom,
} = request.params;

if (cliArgs?.categoryExtensions && serviceWorkerId) {
Expand All @@ -95,7 +102,10 @@ Example with arguments: \`(el) => el.innerText\`
context,
});
},
{handleDialog: dialogAction ?? 'accept'},
{
handleDialog: dialogAction ?? 'accept',
waitForStableDom,
},
);
if (result.dialogHandled) {
context.getSelectedMcpPage().clearDialog();
Expand Down Expand Up @@ -127,7 +137,10 @@ Example with arguments: \`(el) => el.innerText\`
context,
});
},
{handleDialog: dialogAction ?? 'accept'},
{
handleDialog: dialogAction ?? 'accept',
waitForStableDom,
},
);
response.attachWaitForResult(result);
} finally {
Expand Down
36 changes: 36 additions & 0 deletions tests/tools/script.test.ts
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,8 @@ import assert from 'node:assert';
import path from 'node:path';
import {describe, it} from 'node:test';

import sinon from 'sinon';

import type {ParsedArguments} from '../../src/bin/chrome-devtools-mcp-cli-options.js';
import {TextSnapshot} from '../../src/TextSnapshot.js';
import {installExtension} from '../../src/tools/extensions.js';
Expand Down Expand Up @@ -196,6 +198,40 @@ describe('script', () => {
});
});

it('can skip waiting for a stable DOM', async () => {
await withMcpContext(async (response, context) => {
const page = context.getSelectedMcpPage();
const waitForEventsAfterAction = sinon
.stub(page, 'waitForEventsAfterAction')
.callsFake(async action => {
await action();
return {};
});

try {
await evaluateScript().handler(
{
params: {
function: String(() => document.title),
waitForStableDom: false,
},
},
response,
context,
);
} finally {
waitForEventsAfterAction.restore();
}

assert.strictEqual(
waitForEventsAfterAction.firstCall.args[1]?.waitForStableDom,
false,
);
const lineEvaluation = response.responseLines.at(2)!;
assert.strictEqual(JSON.parse(lineEvaluation), '');
});
});

it('work with one argument', async () => {
await withMcpContext(async (response, context) => {
const page = context.getSelectedMcpPage().pptrPage;
Expand Down