Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@MCP-Midscene test login flow on demo site with invalid credentials and verify error messages"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
Playwright IA: Midscene.js
Proyecto de automation con Playwright e inteligencia artificial (Midscene).
Instala dependencias, ejecuta tests y visualiza el reporte para tener un primer vistazo del modo en que opera Midscene.
Configura el MCP Server de Midscene para que automatize lo que le pidas desde un prompt.
📥 Instalación
Instalar dependencias:
Related MCP server: Playwright Server MCP
▶️ Ejecución de pruebas
Primero exporta tu API_KEY:
Ejecuta los tests con Playwright y genera un reporte en HTML:
Si deseas ver el proceso de ejecución:
📂 Abrir el reporte
Para visualizar el reporte generado, usa el comando:
Se abrirá automáticamente una ventana del navegador con el dashboard de resultados (flujos de MidSceneJS, capturas y trazas).
📂 MidScene: APIs básicas de operación de IA
Usa estas APIs en tus steps para que la IA haga el trabajo.
ai o aiAction – Interacción general con IA
aiTap – Operación de clic
aiHover – Operación de hover (pasar el cursor)
aiInput – Operación de entrada de texto
aiKeyboardPress – Operación de teclado
aiScroll – Operación de desplazamiento
aiQuery – Consulta a IA
aiAssert – Aserción de IA
aiWaitFor – Espera basada en IA
Puedes encontrar más detalles en midscenejs.com/api
🧠 MidScene: MCP Server
Permite usar lenguaje natural para automatizar flujos y generar pruebas con Playwright, utilizando el agente de inteligencia artificial MidScene a través de su MCP Server.
✅ Requisitos
Instala Cursor.
Abre este proyecto con Cursor.
Configura el MCP en Cursor.
⚙️ Configuración del MCP en Cursor
Abre Cursor
Ve a:
File > Preferences > SettingsAgrega la siguiente configuración en el apartado MCP:
No olvides ingresar tu OPENAI_API_KEY en el json.
🤖 Enviar prompt en Cursor
Abre un chat en Cursor (Ctrl + N) y escribe tu prompt. Por ejemplo:
Nota: En el prompt, brinda contexto (ej: "@mcp.json"). De esta manera, Midscene encuentra la información necesaria para cumplir tu solicitud con éxito (templates, API_KEYS, etc).