Introducción al curso
Presentación del curso
Instalación de recursos
Cookies y Localstorage
Cookies
Local Storage
Emulando dispositivos
Emulando dispositivos
Instalando plugins
Usando xpaths
Flaky tests
¿Qué son los Flaky Tests?
Interceptando Network Requests
Interceptando request
Buenas prácticas
Patrones de diseño: Page Object Model
Custom commands
Variables de entorno
Cypress.env
Visual testing
Visual testing
Seguridad
Seguridad en Cypress
Navegación entre pestañas del mismo sitio
Navegar entre diferentes dominios en diferentes tests
Navegar entre diferentes dominios en diferentes tests y compartir información entre ambas páginas
Data Driven Test
Cypress fixtures
BDD
Configuración de plugins y steps dinámicos
Shared Step Definitions
Data Driven Test por medio de Scenarios Outline
Reportes
Múltiples reportes
Allure report
Docker
Cypress con docker container
Dashboard
Usando dashboard de Cypress
Alternativas gratuitas al Dashboard de Cypress
CI/CD
Jenkins
Final
Cypress Scenario recorder plugin
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Aportes 2
Preguntas 0
El array de devices que usa el profesor en esta clase es el siguiente:
const DEVICES = [
{ viewport: "macbook-15", type: "desktop" },
{ viewport: "ipad-2", type: "mobile" },
{ viewport: [1280, 720], type: "desktop" },
{ viewport: [375, 667], type: "mobile" },
];
Otra manera de realizar las validaciones es así:
DEVICES.forEach((device) => {
const { viewport, type } = device
const [width, height] = Array.isArray(viewport) ? viewport : [viewport]
it(`Validando device ${viewport}`, () => {
cy.viewport(width, height)
cy.visit('/')
if (type === 'mobile') {
cy.contains('Safari').should('not.be.visible')
} else {
cy.contains('Safari').should('be.visible')
}
})
})
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.