Playwright MCP

Instructions

Implementation Reference

• src/tools/common.ts:77-92 (handler)

  The main handler function for the 'browser_resize' tool. It validates input parameters using resizeSchema, retrieves the current tab from context, resizes the viewport using tab.page.setViewportSize, generates a code snippet for the action, and returns it within tab.run.

    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,
      });
    },
  });

• src/tools/common.ts:65-68 (schema)

  Zod schema for validating input parameters of browser_resize: width and height as numbers with descriptions.

  const resizeSchema = z.object({
    width: z.number().describe('Width of the browser window'),
    height: z.number().describe('Height of the browser window'),
  });

• src/tools/common.ts:94-98 (registration)

  Registration of the browser_resize tool via the resize factory function in the exported array of common tools.

  export default (captureSnapshot: boolean) => [
    close,
    wait,
    resize(captureSnapshot)
  ];