Cypress — Iniciación

Este curso está dirigido a personas que se inician en el testing automatizado de aplicaciones web y quieren incorporar Cypress a su flujo de trabajo desde cero. A lo largo de las 8 horas el estudiante construirá una base conceptual sólida sobre qué es Cypress y cómo se posiciona frente a otras herramientas del ecosistema, instalará y configurará el entorno en un proyecto Node.js real, explorará la interfaz del Test Runner y escribirá sus primeros tests end-to-end sobre flujos reales aplicando selectores, aserciones y el ciclo de vida de los tests; al finalizar el curso el estudiante será capaz de poner en marcha Cypress en un proyecto propio y ejecutar una suite básica de pruebas que verifique un flujo de login completo.

1. Describir qué es Cypress, sus características principales y las diferencias que lo distinguen de otras herramientas de testing web como Selenium o Playwright.
2. Instalar y configurar Cypress en un proyecto Node.js existente hasta abrir el Test Runner sin errores.
3. Identificar y nombrar correctamente los elementos clave de la interfaz del Cypress Test Runner.
4. Describir el ciclo de vida de un test en Cypress explicando el orden de ejecución de los bloques describe, beforeEach, it y afterEach.
5. Aplicar selectores CSS y el atributo data-cy para localizar elementos de interfaz de forma robusta.
6. Aplicar las aserciones básicas de Cypress para verificar visibilidad, texto y existencia de elementos en un test.
7. Ejecutar un test end-to-end completo sobre un flujo de login y diagnosticar la causa de un fallo leyendo el mensaje de error y el diff visual del Test Runner.

Bloque 1 — Cypress en el ecosistema de testing web. Se estudia qué es Cypress, su arquitectura y el modelo de ejecución que lo diferencia de herramientas como Selenium o Playwright. Se revisa la documentación oficial como fuente de referencia y se contextualiza cuándo elegir Cypress frente a otras alternativas.

Bloque 2 — Instalación, configuración y Test Runner. Se cubre el proceso de instalación de Cypress en un proyecto Node.js existente mediante npm, la estructura de carpetas que genera y los pasos para abrir el Test Runner por primera vez sin errores. A continuación se recorre la interfaz del Test Runner identificando la lista de specs, el panel de comandos y la vista del navegador integrada.

Bloque 3 — Ciclo de vida de un test y estructura de specs. Se explica la jerarquía de bloques describe, beforeEach, it y afterEach, el orden en que Cypress los ejecuta y las buenas prácticas de organización de archivos de spec. Se trabaja sobre ejemplos concretos para interiorizar el flujo antes de escribir tests reales.

Bloque 4 — Selectores, aserciones y primer test end-to-end. Se practica la localización de elementos mediante selectores CSS y el atributo data-cy, y se introducen las aserciones should y expect para comprobar visibilidad, texto y existencia. Con estas herramientas el estudiante ejecuta un test end-to-end guiado sobre un flujo de login completo, interpreta los resultados en el Test Runner y aprende a leer mensajes de error y diffs visuales para diagnosticar tests fallidos.

• Node.js 18 LTS o superior instalado en la máquina local.
• npm 9 o superior (incluido con Node.js).
• Navegador Google Chrome en su versión estable más reciente.
• Editor de código con soporte JavaScript/TypeScript (se recomienda Visual Studio Code).
• Acceso a internet para la descarga de dependencias y consulta de la documentación oficial de Cypress.

• Manejo básico de la terminal y ejecución de comandos npm.
• Conocimientos elementales de HTML y CSS (estructura de un documento, selectores básicos).
• Noción general de qué es una prueba de software (no se requiere experiencia previa con frameworks de testing).