Lección 7 de 7 · 3 min
Playwright + IA: la suite que se escribe contigo
Al terminar sabrás
12 min- Generar tests con contexto (convenciones + snapshot de accesibilidad)
- Conectar un agente a la app real con el Playwright MCP
- Aplicar la disciplina de revisión que hace segura la generación con IA
Construyes: Un flujo cubierto por un agente con MCP, revisado con el ciclo ver-fallar → ver-pasar.
El estado del arte
Playwright es el framework donde mejor rinde la generación asistida de tests, por dos razones: sus locators semánticos (getByRole) le dan al modelo un lenguaje estable para describir la UI, y su tooling (codegen, trace, MCP) le da acceso a la app real en vez de adivinar desde el código.
Nivel 1: generación con contexto
El prompt con convenciones + ejemplo de estilo (curso QA con IA, lección 2) aplica íntegro. Para Playwright, agrega el snapshot de accesibilidad como contexto:
# El árbol que "ve" el modelo — mucho mejor contexto que el HTML crudo
npx playwright codegen --target=javascript https://tuapp.cl
Nivel 2: el agente conectado a la app (MCP)
El Playwright MCP (Model Context Protocol) conecta un agente — Claude Code, por ejemplo — directamente al navegador: el agente navega tu app real, inspecciona el árbol de accesibilidad y escribe tests contra lo que existe, no contra lo que imagina:
# Registrar el servidor MCP de Playwright en Claude Code
claude mcp add playwright -- npx @playwright/mcp@latest
El flujo cambia cualitativamente: le pides "cubre el flujo de reserva con los casos negativos de teléfono" y el agente abre la app, prueba el formulario de verdad, descubre los mensajes de error reales y escribe assertions contra ellos. Los locators inventados — el fallo clásico del nivel 1 — desaparecen casi por completo.
Nivel 3: mantenimiento y diagnóstico
- UI cambió, suite roja: pega el diff del componente + los tests rotos; pide la actualización coherente. Revisa que actualice assertions, no que las borre.
- Trace de CI: el trace viewer exporta todo lo que el modelo necesita para diagnosticar — la lección 3 de este curso + IA es la combinación más rápida que existe hoy para el "falló en CI".
- Auditoría de suite: "¿qué tests de este spec assertan implementación en vez de comportamiento?" — limpieza periódica a costo casi cero.
Lo que sigue siendo tuyo
La IA escribe el cómo; el qué y el cuánto siguen siendo criterio humano: qué flujos merecen e2e, dónde parar de agregar tests, qué es riesgo real vs paranoia. Un agente feliz te genera 400 tests — y una suite de 400 tests que tarda una hora es un problema nuevo, no una solución.
Cierre del curso
Locators, fixtures, traces, paralelismo, visual, API, red, tiempo e IA: tienes el stack Playwright completo al nivel que operan los mejores equipos. La suite de este sitio está construida exactamente con estas prácticas — y sigue verde en cada deploy.
Cierra el curso con el quiz y arma tu suite asistida por IA en el reto final.
Compruébalo
0/3Responde sin mirar atrás. Verás la explicación al instante.
1. ¿Por qué Playwright rinde tan bien con generación asistida por IA?
2. Un test lo generó un agente con MCP. ¿Qué disciplina NO cambia?
3. Con IA generando tests, ¿qué sigue siendo criterio humano?
Reto final: la suite que se escribe contigo
Configura el Playwright MCP con tu asistente y pídele cubrir un flujo de una app tuya con 3 tests.
Aplica el ciclo completo: revisar diff → ver fallar → ver pasar → mergear. Compara el tiempo total contra escribirlos a mano, y la calidad contra tu propio estándar.