Imagina decirle a un asistente de IA: “Abre nuestro sitio, regístrate con un usuario de prueba y comprueba que aparece el mensaje de bienvenida”. Y luego ver cómo un navegador hace exactamente eso. Esto es lo que hace posible Playwright MCP.

¿Qué es MCP?

MCP significa Model Context Protocol. Es un estándar abierto que permite a las aplicaciones de IA conectarse a herramientas y datos externos de una forma común. Un servidor MCP ofrece herramientas. Un cliente de IA, como un asistente de programación, puede llamarlas. Si quieres conocer los fundamentos del protocolo, consulta nuestra entrada sobre la arquitectura MCP sin estado.

¿Qué es Playwright MCP?

Playwright MCP es un servidor MCP para Playwright, la herramienta de automatización de navegadores. Una vez que lo conectas a un cliente de IA, el asistente puede abrir páginas, pulsar botones, rellenar formularios, hacer capturas de pantalla y leer lo que hay en la página.

Cómo funciona

1. Le das a la IA un objetivo en lenguaje natural.
2. El asistente llama a una herramienta de Playwright MCP, como “abre esta URL”.
3. El servidor devuelve una instantánea estructurada de la página, construida a partir del árbol de accesibilidad. Enumera botones, enlaces y campos con sus nombres.
4. El asistente elige la siguiente acción, como “pulsa el botón llamado Registrarse”.
5. Esto se repite hasta alcanzar el objetivo o quedarse atascado.

Como la página se describe como texto, la IA no necesita adivinar a partir de píxeles. Eso la hace más rápida y, a menudo, más precisa que los métodos que solo usan capturas de pantalla.

Cómo configurarlo

Necesitas tener Node.js instalado. Después añade el servidor a la configuración de tu cliente MCP. La mayoría de los clientes aceptan una configuración como esta:

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

Reinicia el cliente. Ahora deberías ver herramientas de Playwright, como navigate, click y type, en la lista de herramientas. Los pasos exactos varían según el cliente, así que consulta la página oficial de Playwright MCP para ver las últimas opciones, incluido el modo headless y la elección de navegador.

Ejemplos de prompts que funcionan bien

• “Abre la página de login, prueba con una contraseña incorrecta y dime qué mensaje de error aparece.”
• “Recorre el proceso de pago como invitado con datos de prueba y enumera cualquier paso que parezca roto o confuso.”
• “Revisa el menú principal de esta página. Enumera cualquier enlace que lleve a una página de error.”
• “Escribe una prueba de Playwright en TypeScript para el flujo de registro que acabas de completar.”

Sé específico. Indica la página, los datos y el resultado que esperas.

Casos de uso para equipos de QA

Pruebas exploratorias

Deja que el agente recorra una funcionalidad y reporte comportamientos extraños. No sustituirá a la curiosidad humana, pero cubre mucho terreno rápidamente.

Redactar pruebas automatizadas

Tras una ejecución exitosa, pide a la IA que convierta los pasos en un script de Playwright. Revisa los localizadores y las comprobaciones y luego añádelo a tu suite. Consulta nuestro ejemplo de framework para saber dónde debe vivir.

Reproducir errores

Pega los pasos de un informe de error y deja que el agente intente repetirlos. Puede capturar una pantalla en el paso que falla.

Comprobaciones rápidas de smoke

Pide al agente que abra las páginas clave tras un despliegue y confirme que nada parece roto.

Playwright MCP vs pruebas normales de Playwright

Los dos funcionan mejor juntos. Usa MCP para explorar y redactar, y conserva las pruebas ya probadas como código. Para ver reglas sobre cómo escribir pruebas estables, lee las buenas prácticas de pruebas end-to-end.

Límites que debes conocer

• No siempre es repetible. La IA puede tomar un camino distinto la próxima vez.
• Uso de tokens y costes. Las sesiones largas con páginas grandes consumen muchos tokens.
• Widgets complejos. Las aplicaciones con canvas, el arrastrar y soltar y los controles personalizados pueden confundir al agente.
• Necesita revisión. Las pruebas generadas pueden pasar comprobando poco.

Mantente seguro

• Usa cuentas de prueba y datos falsos.
• No dejes que el agente inicie sesión en cuentas personales o de producción.
• Recuerda que las páginas web pueden contener texto oculto que intenta dirigir a la IA. Mantén a una persona al mando de todo lo importante.
• Lee nuestras buenas prácticas de agentes de IA para más límites de seguridad.

Preguntas frecuentes

Sigue aprendiendo