chore(mcp): let browser_run_code support helper scripts

package.json

@@ -61,7 +61,7 @@
     "@stylistic/eslint-plugin": "^5.2.3",
     "@types/codemirror": "^5.60.7",
     "@types/formidable": "^2.0.4",
-    "@types/node": "18.19.76",
+    "@types/node": "25.0.3",
     "@types/react": "^19.2.1",
     "@types/react-dom": "^19.2.1",
     "@types/ws": "^8.5.3",

packages/playwright/src/mcp/browser/tools/runCode.ts

@@ -53,7 +53,9 @@ const runCode = defineTabTool({
           __end__.reject(e);
         }
       })()`;
-      await vm.runInContext(snippet, context);
+      await vm.runInContext(snippet, context, {
+        importModuleDynamically: vm.constants?.USE_MAIN_CONTEXT_DEFAULT_LOADER,
+      });
       const result = await __end__;
       if (typeof result === 'string')
         response.addResult(result);

tests/mcp/run-code.spec.ts

@@ -166,3 +166,66 @@ test('browser_run_code return value', async ({ client, server }) => {
     result: '{"message":"Hello, world!"}',
   });
 });
+
+test('browser_run_code dynamic import', async ({ client, server }) => {
+  test.skip(process.platform === 'win32', 'windows only works with file:// imports');
+  server.setContent('/', `
+    <button onclick="console.log('Submit')">Submit</button>
+  `, 'text/html');
+  await client.callTool({
+    name: 'browser_navigate',
+    arguments: { url: server.PREFIX },
+  });
+
+  const scriptPath = test.info().outputPath('helper.mjs');
+  await fs.writeFile(scriptPath, `
+export async function clickSubmit(page) {
+  await page.getByRole("button", { name: "Submit" }).click();
+}
+`);
+
+  const code = `async (page) => {
+  const { clickSubmit } = await import(${JSON.stringify(scriptPath)});
+  await clickSubmit(page);
+}`;
+  expect(await client.callTool({
+    name: 'browser_run_code',
+    arguments: {
+      code,
+    },
+  })).toHaveResponse({
+    code: `await (${code})(page);`,
+    consoleMessages: expect.stringContaining('- [LOG] Submit'),
+  });
+});
+
+test('browser_run_code dynamic import (file: proto)', async ({ client, server }) => {
+  server.setContent('/', `
+    <button onclick="console.log('Submit')">Submit</button>
+  `, 'text/html');
+  await client.callTool({
+    name: 'browser_navigate',
+    arguments: { url: server.PREFIX },
+  });
+
+  const scriptPath = test.info().outputPath('helper.mjs');
+  await fs.writeFile(scriptPath, `
+export async function clickSubmit(page) {
+  await page.getByRole("button", { name: "Submit" }).click();
+}
+`);
+
+  const code = `async (page) => {
+  const { clickSubmit } = await import(${JSON.stringify('file://' + scriptPath)});
+  await clickSubmit(page);
+}`;
+  expect(await client.callTool({
+    name: 'browser_run_code',
+    arguments: {
+      code,
+    },
+  })).toHaveResponse({
+    code: `await (${code})(page);`,
+    consoleMessages: expect.stringContaining('- [LOG] Submit'),
+  });
+});