No tienes acceso a esta clase

¬°Contin√ļa aprendiendo! √önete y comienza a potenciar tu carrera

Curso de Cypress Avanzado

Curso de Cypress Avanzado

Javier Fuentes Mora

Javier Fuentes Mora

Emulando dispositivos

5/29
Recursos

Aportes 2

Preguntas 0

Ordenar por:

¬ŅQuieres ver m√°s aportes, preguntas y respuestas de la comunidad?

o inicia sesión.

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')
			}
		})
	})