@playwright/mcp 0.0.10 → 0.0.13

package/README.md

@@ -43,7 +43,7 @@ const urlForWebsites = `vscode:mcp/install?${encodeURIComponent(config)}`;
 const urlForGithub = `https://insiders.vscode.dev/redirect?url=${encodeURIComponent(urlForWebsites)}`;
 -->
 
-[<img alt="Install in VS Code Insiders" src="https://img.shields.io/badge/VS_Code_Insiders-VS_Code_Insiders?style=flat-square&label=Install%20Server&color=24bfa5">](https://insiders.vscode.dev/redirect?url=vscode-insiders%3Amcp%2Finstall%3F%257B%2522name%2522%253A%2522playwright%2522%252C%2522command%2522%253A%2522npx%2522%252C%2522args%2522%253A%255B%2522-y%2522%252C%2522%2540playwright%252Fmcp%2540latest%2522%255D%257D)
+[<img src="https://img.shields.io/badge/VS_Code-VS_Code?style=flat-square&label=Install%20Server&color=0098FF" alt="Install in VS Code">](https://insiders.vscode.dev/redirect?url=vscode%3Amcp%2Finstall%3F%257B%2522name%2522%253A%2522playwright%2522%252C%2522command%2522%253A%2522npx%2522%252C%2522args%2522%253A%255B%2522-y%2522%252C%2522%2540playwright%252Fmcp%2540latest%2522%255D%257D)  [<img alt="Install in VS Code Insiders" src="https://img.shields.io/badge/VS_Code_Insiders-VS_Code_Insiders?style=flat-square&label=Install%20Server&color=24bfa5">](https://insiders.vscode.dev/redirect?url=vscode-insiders%3Amcp%2Finstall%3F%257B%2522name%2522%253A%2522playwright%2522%252C%2522command%2522%253A%2522npx%2522%252C%2522args%2522%253A%255B%2522-y%2522%252C%2522%2540playwright%252Fmcp%2540latest%2522%255D%257D)
 
 Alternatively, you can install the Playwright MCP server using the VS Code CLI:
 
@@ -323,6 +323,3 @@ server.connect(transport);
 - **browser_install**
   - Description: Install the browser specified in the config. Call this if you get an error about the browser not being installed.
   - Parameters: None
-
-### Vision Mode
-

package/lib/context.js

@@ -52,6 +52,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Context = void 0;
+exports.generateLocator = generateLocator;
 const playwright = __importStar(require("playwright"));
 const yaml_1 = __importDefault(require("yaml"));
 const utils_1 = require("./tools/utils");
@@ -69,7 +70,7 @@ class Context {
     }
     currentTab() {
         if (!this._currentTab)
-            throw new Error('Navigate to a location to create a tab');
+            throw new Error('No current snapshot available. Capture a snapshot of navigate to a new location first.');
         return this._currentTab;
     }
     async newTab() {
@@ -90,8 +91,8 @@ class Context {
     }
     async listTabs() {
         if (!this._tabs.length)
-            return 'No tabs open';
-        const lines = ['Open tabs:'];
+            return '### No tabs open';
+        const lines = ['### Open tabs'];
         for (let i = 0; i < this._tabs.length; i++) {
             const tab = this._tabs[i];
             const title = await tab.page.title();
@@ -206,24 +207,36 @@ class Tab {
         await this.page.waitForLoadState('load', { timeout: 5000 }).catch(() => { });
     }
     async run(callback, options) {
+        let runResult;
         try {
             if (!options?.noClearFileChooser)
                 this._fileChooser = undefined;
             if (options?.waitForCompletion)
-                await (0, utils_1.waitForCompletion)(this.page, () => callback(this));
+                runResult = await (0, utils_1.waitForCompletion)(this.page, () => callback(this)) ?? undefined;
             else
-                await callback(this);
+                runResult = await callback(this) ?? undefined;
         }
         finally {
             if (options?.captureSnapshot)
                 this._snapshot = await PageSnapshot.create(this.page);
         }
-        const tabList = this.context.tabs().length > 1 ? await this.context.listTabs() + '\n\nCurrent tab:' + '\n' : '';
-        const snapshot = this._snapshot?.text({ status: options?.status, hasFileChooser: !!this._fileChooser }) ?? options?.status ?? '';
+        const result = [];
+        result.push(`- Ran code:
+\`\`\`js
+${runResult.code.join('\n')}
+\`\`\`
+`);
+        if (this.context.tabs().length > 1)
+            result.push(await this.context.listTabs(), '');
+        if (this._snapshot) {
+            if (this.context.tabs().length > 1)
+                result.push('### Current tab');
+            result.push(this._snapshot.text({ hasFileChooser: !!this._fileChooser }));
+        }
         return {
             content: [{
                     type: 'text',
-                    text: tabList + snapshot,
+                    text: result.join('\n'),
                 }],
         };
     }
@@ -234,7 +247,7 @@ class Tab {
         });
     }
     async runAndWaitWithSnapshot(callback, options) {
-        return await this.run(callback, {
+        return await this.run(tab => callback(tab.lastSnapshot()), {
             captureSnapshot: true,
             waitForCompletion: true,
             ...options,
@@ -267,11 +280,7 @@ class PageSnapshot {
     }
     text(options) {
         const results = [];
-        if (options?.status) {
-            results.push(options.status);
-            results.push('');
-        }
-        if (options?.hasFileChooser) {
+        if (options.hasFileChooser) {
             results.push('- There is a file chooser visible that requires browser_file_upload to be called');
             results.push('');
         }
@@ -336,3 +345,6 @@ class PageSnapshot {
         return frame.locator(`aria-ref=${ref}`);
     }
 }
+async function generateLocator(locator) {
+    return locator._generateLocatorString();
+}

package/lib/index.js

@@ -31,7 +31,7 @@ const tabs_1 = __importDefault(require("./tools/tabs"));
 const screen_1 = __importDefault(require("./tools/screen"));
 const console_1 = require("./resources/console");
 const snapshotTools = [
-    ...common_1.default,
+    ...(0, common_1.default)(true),
     ...(0, files_1.default)(true),
     ...install_1.default,
     ...(0, keyboard_1.default)(true),
@@ -41,7 +41,7 @@ const snapshotTools = [
     ...(0, tabs_1.default)(true),
 ];
 const screenshotTools = [
-    ...common_1.default,
+    ...(0, common_1.default)(false),
     ...(0, files_1.default)(false),
     ...install_1.default,
     ...(0, keyboard_1.default)(false),

package/lib/javascript.js

@@ -0,0 +1,54 @@
+"use strict";
+/**
+ * Copyright (c) Microsoft Corporation.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.escapeWithQuotes = escapeWithQuotes;
+exports.quote = quote;
+exports.formatObject = formatObject;
+// adapted from:
+// - https://github.com/microsoft/playwright/blob/76ee48dc9d4034536e3ec5b2c7ce8be3b79418a8/packages/playwright-core/src/utils/isomorphic/stringUtils.ts
+// - https://github.com/microsoft/playwright/blob/76ee48dc9d4034536e3ec5b2c7ce8be3b79418a8/packages/playwright-core/src/server/codegen/javascript.ts
+// NOTE: this function should not be used to escape any selectors.
+function escapeWithQuotes(text, char = '\'') {
+    const stringified = JSON.stringify(text);
+    const escapedText = stringified.substring(1, stringified.length - 1).replace(/\\"/g, '"');
+    if (char === '\'')
+        return char + escapedText.replace(/[']/g, '\\\'') + char;
+    if (char === '"')
+        return char + escapedText.replace(/["]/g, '\\"') + char;
+    if (char === '`')
+        return char + escapedText.replace(/[`]/g, '`') + char;
+    throw new Error('Invalid escape char');
+}
+function quote(text) {
+    return escapeWithQuotes(text, '\'');
+}
+function formatObject(value, indent = '  ') {
+    if (typeof value === 'string')
+        return quote(value);
+    if (Array.isArray(value))
+        return `[${value.map(o => formatObject(o)).join(', ')}]`;
+    if (typeof value === 'object') {
+        const keys = Object.keys(value).filter(key => value[key] !== undefined).sort();
+        if (!keys.length)
+            return '{}';
+        const tokens = [];
+        for (const key of keys)
+            tokens.push(`${key}: ${formatObject(value[key])}`);
+        return `{\n${indent}${tokens.join(`,\n${indent}`)}\n}`;
+    }
+    return String(value);
+}

package/lib/program.js

@@ -69,7 +69,7 @@ commander_1.program
             channel = 'chrome';
     }
     const launchOptions = {
-        headless: !!options.headless,
+        headless: !!(options.headless ?? (os_1.default.platform() === 'linux' && !process.env.DISPLAY)),
         channel,
         executablePath: options.executablePath,
     };
@@ -92,11 +92,14 @@ commander_1.program
     }
 });
 function setupExitWatchdog(serverList) {
-    process.stdin.on('close', async () => {
+    const handleExit = async () => {
         setTimeout(() => process.exit(0), 15000);
         await serverList.closeAll();
         process.exit(0);
-    });
+    };
+    process.stdin.on('close', handleExit);
+    process.on('SIGINT', handleExit);
+    process.on('SIGTERM', handleExit);
 }
 commander_1.program.parse(process.argv);
 async function createUserDataDir(browserName) {

package/lib/tools/common.js

@@ -56,7 +56,34 @@ const close = {
         };
     },
 };
-exports.default = [
+const resizeSchema = zod_1.z.object({
+    width: zod_1.z.number().describe('Width of the browser window'),
+    height: zod_1.z.number().describe('Height of the browser window'),
+});
+const resize = captureSnapshot => ({
+    capability: 'core',
+    schema: {
+        name: 'browser_resize',
+        description: 'Resize the browser window',
+        inputSchema: (0, zod_to_json_schema_1.zodToJsonSchema)(resizeSchema),
+    },
+    handle: async (context, params) => {
+        const validatedParams = resizeSchema.parse(params);
+        const tab = context.currentTab();
+        return await tab.run(async (tab) => {
+            await tab.page.setViewportSize({ width: validatedParams.width, height: validatedParams.height });
+            const code = [
+                `// Resize browser window to ${validatedParams.width}x${validatedParams.height}`,
+                `await page.setViewportSize({ width: ${validatedParams.width}, height: ${validatedParams.height} });`
+            ];
+            return { code };
+        }, {
+            captureSnapshot,
+        });
+    },
+});
+exports.default = (captureSnapshot) => [
     close,
     wait,
+    resize(captureSnapshot)
 ];

package/lib/tools/files.js

@@ -32,8 +32,11 @@ const uploadFile = captureSnapshot => ({
         const tab = context.currentTab();
         return await tab.runAndWait(async () => {
             await tab.submitFileChooser(validatedParams.paths);
+            const code = [
+                `// <internal code to chose files ${validatedParams.paths.join(', ')}`,
+            ];
+            return { code };
         }, {
-            status: `Chose files ${validatedParams.paths.join(', ')}`,
             captureSnapshot,
             noClearFileChooser: true,
         });

package/lib/tools/keyboard.js

@@ -34,8 +34,12 @@ const pressKey = captureSnapshot => ({
         const validatedParams = pressKeySchema.parse(params);
         return await context.currentTab().runAndWait(async (tab) => {
             await tab.page.keyboard.press(validatedParams.key);
+            const code = [
+                `// Press ${validatedParams.key}`,
+                `await page.keyboard.press('${validatedParams.key}');`,
+            ];
+            return { code };
         }, {
-            status: `Pressed key ${validatedParams.key}`,
             captureSnapshot,
         });
     },

package/lib/tools/navigate.js

@@ -32,8 +32,12 @@ const navigate = captureSnapshot => ({
         const currentTab = await context.ensureTab();
         return await currentTab.run(async (tab) => {
             await tab.navigate(validatedParams.url);
+            const code = [
+                `// Navigate to ${validatedParams.url}`,
+                `await page.goto('${validatedParams.url}');`,
+            ];
+            return { code };
         }, {
-            status: `Navigated to ${validatedParams.url}`,
             captureSnapshot,
         });
     },
@@ -49,8 +53,12 @@ const goBack = snapshot => ({
     handle: async (context) => {
         return await context.currentTab().runAndWait(async (tab) => {
             await tab.page.goBack();
+            const code = [
+                `// Navigate back`,
+                `await page.goBack();`,
+            ];
+            return { code };
         }, {
-            status: 'Navigated back',
             captureSnapshot: snapshot,
         });
     },
@@ -66,8 +74,12 @@ const goForward = snapshot => ({
     handle: async (context) => {
         return await context.currentTab().runAndWait(async (tab) => {
             await tab.page.goForward();
+            const code = [
+                `// Navigate forward`,
+                `await page.goForward();`,
+            ];
+            return { code };
         }, {
-            status: 'Navigated forward',
             captureSnapshot: snapshot,
         });
     },

package/lib/tools/screen.js

@@ -25,7 +25,7 @@ const screenshot = {
         inputSchema: (0, zod_to_json_schema_1.zodToJsonSchema)(zod_1.z.object({})),
     },
     handle: async (context) => {
-        const tab = context.currentTab();
+        const tab = await context.ensureTab();
         const screenshot = await tab.page.screenshot({ type: 'jpeg', quality: 50, scale: 'css' });
         return {
             content: [{ type: 'image', data: screenshot.toString('base64'), mimeType: 'image/jpeg' }],
@@ -69,11 +69,16 @@ const click = {
     handle: async (context, params) => {
         return await context.currentTab().runAndWait(async (tab) => {
             const validatedParams = clickSchema.parse(params);
+            const code = [
+                `// Click mouse at coordinates (${validatedParams.x}, ${validatedParams.y})`,
+                `await page.mouse.move(${validatedParams.x}, ${validatedParams.y});`,
+                `await page.mouse.down();`,
+                `await page.mouse.up();`,
+            ];
             await tab.page.mouse.move(validatedParams.x, validatedParams.y);
             await tab.page.mouse.down();
             await tab.page.mouse.up();
-        }, {
-            status: 'Clicked mouse',
+            return { code };
         });
     },
 };
@@ -97,8 +102,14 @@ const drag = {
             await tab.page.mouse.down();
             await tab.page.mouse.move(validatedParams.endX, validatedParams.endY);
             await tab.page.mouse.up();
-        }, {
-            status: `Dragged mouse from (${validatedParams.startX}, ${validatedParams.startY}) to (${validatedParams.endX}, ${validatedParams.endY})`,
+            const code = [
+                `// Drag mouse from (${validatedParams.startX}, ${validatedParams.startY}) to (${validatedParams.endX}, ${validatedParams.endY})`,
+                `await page.mouse.move(${validatedParams.startX}, ${validatedParams.startY});`,
+                `await page.mouse.down();`,
+                `await page.mouse.move(${validatedParams.endX}, ${validatedParams.endY});`,
+                `await page.mouse.up();`,
+            ];
+            return { code };
         });
     },
 };
@@ -116,11 +127,17 @@ const type = {
     handle: async (context, params) => {
         const validatedParams = typeSchema.parse(params);
         return await context.currentTab().runAndWait(async (tab) => {
+            const code = [
+                `// Type ${validatedParams.text}`,
+                `await page.keyboard.type('${validatedParams.text}');`,
+            ];
             await tab.page.keyboard.type(validatedParams.text);
-            if (validatedParams.submit)
+            if (validatedParams.submit) {
+                code.push(`// Submit text`);
+                code.push(`await page.keyboard.press('Enter');`);
                 await tab.page.keyboard.press('Enter');
-        }, {
-            status: `Typed text "${validatedParams.text}"`,
+            }
+            return { code };
         });
     },
 };

package/lib/tools/snapshot.js

@@ -14,12 +14,47 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const zod_1 = require("zod");
 const zod_to_json_schema_1 = __importDefault(require("zod-to-json-schema"));
+const context_1 = require("../context");
+const javascript = __importStar(require("../javascript"));
 const snapshot = {
     capability: 'core',
     schema: {
@@ -28,7 +63,11 @@ const snapshot = {
         inputSchema: (0, zod_to_json_schema_1.default)(zod_1.z.object({})),
     },
     handle: async (context) => {
-        return await context.currentTab().run(async () => { }, { captureSnapshot: true });
+        const tab = await context.ensureTab();
+        return await tab.run(async () => {
+            const code = [`// <internal code to capture accessibility snapshot>`];
+            return { code };
+        }, { captureSnapshot: true });
     },
 };
 const elementSchema = zod_1.z.object({
@@ -44,11 +83,14 @@ const click = {
     },
     handle: async (context, params) => {
         const validatedParams = elementSchema.parse(params);
-        return await context.currentTab().runAndWaitWithSnapshot(async (tab) => {
-            const locator = tab.lastSnapshot().refLocator(validatedParams.ref);
+        return await context.currentTab().runAndWaitWithSnapshot(async (snapshot) => {
+            const locator = snapshot.refLocator(validatedParams.ref);
+            const code = [
+                `// Click ${validatedParams.element}`,
+                `await page.${await (0, context_1.generateLocator)(locator)}.click();`
+            ];
             await locator.click();
-        }, {
-            status: `Clicked "${validatedParams.element}"`,
+            return { code };
         });
     },
 };
@@ -67,12 +109,15 @@ const drag = {
     },
     handle: async (context, params) => {
         const validatedParams = dragSchema.parse(params);
-        return await context.currentTab().runAndWaitWithSnapshot(async (tab) => {
-            const startLocator = tab.lastSnapshot().refLocator(validatedParams.startRef);
-            const endLocator = tab.lastSnapshot().refLocator(validatedParams.endRef);
+        return await context.currentTab().runAndWaitWithSnapshot(async (snapshot) => {
+            const startLocator = snapshot.refLocator(validatedParams.startRef);
+            const endLocator = snapshot.refLocator(validatedParams.endRef);
+            const code = [
+                `// Drag ${validatedParams.startElement} to ${validatedParams.endElement}`,
+                `await page.${await (0, context_1.generateLocator)(startLocator)}.dragTo(page.${await (0, context_1.generateLocator)(endLocator)});`
+            ];
             await startLocator.dragTo(endLocator);
-        }, {
-            status: `Dragged "${validatedParams.startElement}" to "${validatedParams.endElement}"`,
+            return { code };
         });
     },
 };
@@ -85,11 +130,14 @@ const hover = {
     },
     handle: async (context, params) => {
         const validatedParams = elementSchema.parse(params);
-        return await context.currentTab().runAndWaitWithSnapshot(async (tab) => {
-            const locator = tab.lastSnapshot().refLocator(validatedParams.ref);
+        return await context.currentTab().runAndWaitWithSnapshot(async (snapshot) => {
+            const locator = snapshot.refLocator(validatedParams.ref);
+            const code = [
+                `// Hover over ${validatedParams.element}`,
+                `await page.${await (0, context_1.generateLocator)(locator)}.hover();`
+            ];
             await locator.hover();
-        }, {
-            status: `Hovered over "${validatedParams.element}"`,
+            return { code };
         });
     },
 };
@@ -107,16 +155,25 @@ const type = {
     },
     handle: async (context, params) => {
         const validatedParams = typeSchema.parse(params);
-        return await context.currentTab().runAndWaitWithSnapshot(async (tab) => {
-            const locator = tab.lastSnapshot().refLocator(validatedParams.ref);
-            if (validatedParams.slowly)
+        return await context.currentTab().runAndWaitWithSnapshot(async (snapshot) => {
+            const locator = snapshot.refLocator(validatedParams.ref);
+            const code = [];
+            if (validatedParams.slowly) {
+                code.push(`// Press "${validatedParams.text}" sequentially into "${validatedParams.element}"`);
+                code.push(`await page.${await (0, context_1.generateLocator)(locator)}.pressSequentially(${javascript.quote(validatedParams.text)});`);
                 await locator.pressSequentially(validatedParams.text);
-            else
+            }
+            else {
+                code.push(`// Fill "${validatedParams.text}" into "${validatedParams.element}"`);
+                code.push(`await page.${await (0, context_1.generateLocator)(locator)}.fill(${javascript.quote(validatedParams.text)});`);
                 await locator.fill(validatedParams.text);
-            if (validatedParams.submit)
+            }
+            if (validatedParams.submit) {
+                code.push(`// Submit text`);
+                code.push(`await page.${await (0, context_1.generateLocator)(locator)}.press('Enter');`);
                 await locator.press('Enter');
-        }, {
-            status: `Typed "${validatedParams.text}" into "${validatedParams.element}"`,
+            }
+            return { code };
         });
     },
 };
@@ -132,11 +189,14 @@ const selectOption = {
     },
     handle: async (context, params) => {
         const validatedParams = selectOptionSchema.parse(params);
-        return await context.currentTab().runAndWaitWithSnapshot(async (tab) => {
-            const locator = tab.lastSnapshot().refLocator(validatedParams.ref);
+        return await context.currentTab().runAndWaitWithSnapshot(async (snapshot) => {
+            const locator = snapshot.refLocator(validatedParams.ref);
+            const code = [
+                `// Select options [${validatedParams.values.join(', ')}] in ${validatedParams.element}`,
+                `await page.${await (0, context_1.generateLocator)(locator)}.selectOption(${javascript.formatObject(validatedParams.values)});`
+            ];
             await locator.selectOption(validatedParams.values);
-        }, {
-            status: `Selected option in "${validatedParams.element}"`,
+            return { code };
         });
     },
 };

package/lib/tools/tabs.js

@@ -47,7 +47,12 @@ const selectTab = captureSnapshot => ({
         const validatedParams = selectTabSchema.parse(params);
         await context.selectTab(validatedParams.index);
         const currentTab = await context.ensureTab();
-        return await currentTab.run(async () => { }, { captureSnapshot });
+        return await currentTab.run(async () => {
+            const code = [
+                `// <internal code to select tab ${validatedParams.index}>`,
+            ];
+            return { code };
+        }, { captureSnapshot });
     },
 });
 const newTabSchema = zod_1.z.object({
@@ -65,7 +70,12 @@ const newTab = {
         await context.newTab();
         if (validatedParams.url)
             await context.currentTab().navigate(validatedParams.url);
-        return await context.currentTab().run(async () => { }, { captureSnapshot: true });
+        return await context.currentTab().run(async () => {
+            const code = [
+                `// <internal code to open a new tab>`,
+            ];
+            return { code };
+        }, { captureSnapshot: true });
     },
 };
 const closeTabSchema = zod_1.z.object({
@@ -81,9 +91,15 @@ const closeTab = captureSnapshot => ({
     handle: async (context, params) => {
         const validatedParams = closeTabSchema.parse(params);
         await context.closeTab(validatedParams.index);
-        const currentTab = await context.currentTab();
-        if (currentTab)
-            return await currentTab.run(async () => { }, { captureSnapshot });
+        const currentTab = context.currentTab();
+        if (currentTab) {
+            return await currentTab.run(async () => {
+                const code = [
+                    `// <internal code to close tab ${validatedParams.index}>`,
+                ];
+                return { code };
+            }, { captureSnapshot });
+        }
         return {
             content: [{
                     type: 'text',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@playwright/mcp",
-  "version": "0.0.10",
+  "version": "0.0.13",
   "description": "Playwright Tools for MCP",
   "repository": {
     "type": "git",
@@ -19,6 +19,7 @@
     "lint": "eslint .",
     "watch": "tsc --watch",
     "test": "playwright test",
+    "ctest": "playwright test --project=chrome",
     "clean": "rm -rf lib",
     "npm-publish": "npm run clean && npm run build && npm run test && npm publish"
   },