Lección 7 de 7 · 3 min
Playwright + IA: la suite que se escribe contigo
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.
Ejercicio final
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.