Esta pregunta es similar a la siguiente:

1. Pruebe arrastrar un mapa de folleto en Cypress
2. Arrastrar Cypress y Google Maps mueve elementos, no el mapa

Quiero poder simular a un usuario haciendo clic y arrastrando para desplazar un mapa de Mapbox GL JS a cierta distancia. Si bien parece ser la forma correcta, usar la función de disparo de ciprés no parece funcionar. Para el enlace del folleto, se utilizó un complemento separado que manipula el lienzo html. ¿Existe una solución similar para la panorámica con Mapbox?

He creado un repositorio independiente aquí que también tiene otra prueba para acciones de marcador: https://github.com/brianbancroft/example-mapbox-cypress-e2e

Aquí está la prueba en sí:

 it("drags ", () => { const map = cy.get("#map"); map.should("exist"); const canvas = cy.get(".mapboxgl-canvas"); map .trigger("mouseenter", 700, 250) .trigger("mousedown", 700, 250, { bubbles: true, waitForAnimations: true, // which: 1, // pageX: 700, // pageY: 250, }) // .wait(100) .trigger("mousemove", { bubbles: true, waitForAnimations: true, pageX: 550, pageY: 250, which: 1, }) .wait(100) .trigger("mouseup", { bubbles: true, waitForAnimations: true, which: 1, pageX: 550, pageY: 250, }) .wait(100); });

Lo que quiero ver: el mapa panorámico en el entorno del navegador Cypress Lo que veo: el mapa no panorámico