Overview

Temario Completo de CypressMódulo 1: Introducción a Cypress¿Qué es Cypress?Historia y propósito: Herramienta moderna para pruebas de software.Diferencias con Selenium y otras herramientas de testing.Ventajas: Ejecución en el navegador, Time Travel, depuración sencilla.Conceptos básicos de pruebas automatizadasTipos de pruebas: E2E, unitarias, de integración, de componentes.Importancia del testing en el desarrollo web moderno.Requisitos previosInstalación de Node.js (versión mínima 18.x o superior recomendada en 2025Conocimientos básicos de JavaScript y HTML/CSS.Módulo 2: Instalación y ConfiguraciónInstalación de CypressUso de npm o yarn: npm install cypress -save-dev.Verificación de la instalación y apertura del Test Runner: npx cypress open.Estructura de un proyecto CypressCarpetas principales: cypress/e2e, cypress/support, cypress.config.js.Archivos generados por defecto: cypress.json (opcional en v14).Configuración básicaAjustes en cypress.config.js: baseUrl, viewport, timeouts.Selección de navegadores: Chrome, Firefox, Edge, Electron (predeterminado).Primeros pasosEjecución de pruebas de ejemplo proporcionadas por Cypress.Modo interactivo vs modo headless: npx cypress run.Módulo 3: Escritura de Pruebas BásicasSintaxis y comandos fundamentalesUso de describe y it (heredado de Mocha).Comandos básicos: visit(), get(), click().Interacción con elementosSelección de elementos con selectores CSS.Acciones: type(), check(), select().AsercionesUso de Chai:.should(),.expect().Ejemplos:.should('be.visible'),.should('have.text', 'Hola').Primer test prácticoCrear un test simple que visite una página y verifique un título.**Módulo 4: Pruebas End-to-End (E2E)*Navegación y verificaciónVisitar URLs dinámicas: cy.visit('/ruta').Verificación de redirecciones y estados de página.Manejo de formulariosRellenar formularios y enviarlos: cy.submit().Validación de mensajes de éxito o error.Pruebas de flujos complejosSimulación de un usuario real: login, navegación, logout.Capturas y videosConfiguración de capturas automáticas en caso de fallo.Grabación de videos: ajuste en cypress.config.js.Módulo 5: Pruebas AvanzadasManejo de solicitudes de redIntercepción de solicitudes: cy.intercept().Simulación de respuestas: mocks y stubs.Comandos personalizadosCreación de comandos reutilizables en cypress/support/commands.js.Ejemplo: Cypress.Commands.add('login', (user, pass) => {...}).Manejo de dominios cruzadosUso de cy.origin() para pruebas en múltiples dominios (mejorado en v14).Pruebas de componentesConfiguración para frameworks como React, Vue o Angular.Ejemplo: Montar un componente y validar su comportamiento.Módulo 6: Depuración y Resolución de ProblemasHerramientas de depuraciónTime Travel: Inspección paso a paso en el Test Runner.Consola de desarrollador integrada.Errores comunesTimeouts: Ajuste de defaultCommandTimeout.Elementos no encontrados: Uso de cy wait() o retries automáticos.Logs y debuggingUso de cy.log() y comandos de inspección.Módulo 7: Integración y Automatización**Integración Continua (CI)**Configuración en GitHub Actions, CircleCI o Jenkins.Ejemplo de script básico para CI.Cypress CloudRegistro y uso del Dashboard de Cypress.Paralelización de pruebas y reportes en tiempo real.ReportesGeneración de reportes personalizados (Mocha Awesome, JUnit).Configuración para exportar resultados.Tendencias en testingUso de IA en combinación con Cypress (ejemplo: sugerencias de aserciones).Mayor enfoque en pruebas de componentes.

Skills

Reviews