Estoy abriendo el sitio web https://www.vangoghmuseum.nl/nl con cy.visit() .
Sin embargo, Cypress Runner está abriendo el sitio web móvil en lugar del sitio web de escritorio.
¿Alguna idea de por qué y cómo cambiar este comportamiento?
La configuración móvil parece ser más como la configuración del tamaño de la tableta.
Puede controlar la ventana gráfica antes de visitar
it('opens van gogh', () => { cy.viewport(1800,1000) cy.visit('https://www.vangoghmuseum.nl/nl'); // large screen layout });Si abre las herramientas de desarrollo a la derecha y cambia el tamaño, verá que el punto de interrupción tiene alrededor de 1025 px de ancho.
La vista de Cypress tiene un valor predeterminado de 1000 px, por lo que obtiene el diseño de pantalla pequeña.
Si observa uno de los elementos <article> , tiene un estilo de punto de interrupción de
@media only screen and (min-width: 64em)lo que equivale a 1024 px para el tamaño de píxel predeterminado de 16 px.