Un test end-to-end (o test e2e) recorre la aplicación entera como lo haría un usuario real: abre el navegador, visita una página, rellena formularios, pulsa botones y comprueba el resultado, ejercitando de golpe el frontend, el backend y la base de datos. A diferencia del test unitario —que aísla una función sin tocar el resto del sistema— el e2e valida el flujo completo integrado; y a diferencia del test de aceptación clásico —centrado en que se cumpla un criterio de negocio— el e2e insiste en el camino que atraviesa el usuario por la interfaz. Cypress es la herramienta de referencia para escribirlos en web, levantando un entorno de staging y reinicializando la base de datos en cada paso. En la pirámide de testing es la capa más alta: pocos tests, lentos y frágiles, pero los que dan la confianza última de que “todo junto funciona”.
Escríbeme un test e2e (Cypress o Playwright) para el flujo <describe el camino del usuario>: abrir la página, rellenar, enviar y comprobar el resultado. Incluye el setup de datos y qué asserts confirman que "todo junto funciona".
Fuentes en Web Reactiva
- Primeros pasos en el testing e2e con CypressPremium2021-09-10
- WRP 150. Mi primer test "end to end" de verdad en producciónPremium2021-09-15
- Taller de introducción a CypressPremium2023-05-19
- Tu primer test de aceptación con Codeceptionpost2019-08-01
Momentos
prueba end-to-end real de un sistema de registro y login con Cypress en modo headless, reinicializando la base de datos a cero y con un entorno de staging propio · Cypress, modo headless, staging, base de datos
escribir un test en Cypress: localizar el campo del email, rellenar el formulario de login, comprobar la URL y hacerlo fallar primero antes de que pase · Cypress, comando contains, comprobación de URL, formulario de login
Artículo creado por Daniel Primo con ayuda de la IA en base a lo compartido en el podcast, vídeos y textos de Web Reactiva.