在testcafe测试中通过滚动来缩小

Question

我在我的angular应用程序OpenLayers映射中有一个映射。在使用testcafe的测试期间，我必须缩小，但我没有办法做到这一点。我只需要把鼠标放在屏幕中央，然后向下滚动就可以缩小画面。已经尝试使用ClientFunction与scrollBy等，但在地图中没有发生任何事情。谢谢你

Answer 1

找出需要挂起的处理程序以及它侦听的事件。这很可能是一个"鼠标滚轮"事件。这应该对您有所帮助:

const zoom = ClientFunction(zoomSize => {
const event = new WheelEvent('wheel', { deltaY: zoomSize });
document.querySelector('#zommed-element').dispatchEvent(event);
});