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).