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

Question

我的angular应用程序地图中有一张OpenLayers地图。在使用 的测试期间testcafe，我必须缩小，但我没有办法做到这一点。我只需要将鼠标放在屏幕中央，然后向下滚动即可缩小。已经尝试使用ClientFunctionwithscrollBy等，但地图中没有任何反应。谢谢

Answer 1

找出您需要的处理程序挂在哪个元素上以及它侦听的事件。这很可能是一个“鼠标滚轮”事件。这应该可以帮助您：

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