Config_Playwright_MCP_VSCode

⚙️ Guía: Configuración de Playwright MCP en VS Code

• Categoría: 00_MOC_Testing_IA
• Tags: guia vscode mcp playwright tutorial

Requisitos Previos

• Node.js v18+ y pnpm
• Extensión de cliente MCP instalada en VS Code (o Cursor / Claude Code)

Paso 1: Configurar el Servidor MCP

Agrega la siguiente configuración en tu archivo de ajuste MCP (mcp.json):

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": ["@playwright/mcp@latest", "--headless"]
    }
  }
}
 

Paso 2: Prompt Base para Generar Tests Gratis

Utiliza este prompt con un modelo como Gemini 2.0 Flash:

“Conéctate al servidor MCP de Playwright. Navega a http://localhost:3000. Interactúa con la página, verifica el formulario de contacto y escribe una suite de pruebas guardada en tests/contact.spec.ts usando TypeScript estricto.”

Enlaces

• Conceptos: Model_Context_Protocol_Testing

• Optimización de recursos: Workflow_Testing_8GB_RAM