本文详细介绍了在Cypress中如何处理鼠标事件，包括mouseover、mousedown和drag等。针对mouseover事件不起作用的问题，文章引用了GitHub上的解决方案，并提供了一种通过右击操作来实现的方法。此外，还分享了在实际测试中如何应用这些事件，如在Bing页面获取Office标签元素的操作步骤。
一、鼠标悬停事件（mouseover）
cy.get('button').trigger('mouseover')这是官方给出的api，实时没有生效。尝试了各种方法，直到看到这个贴子 https://github.com/cypress-io/cypress/issues/10
有人给出了解决方案（右击操作）：
cy.get('button').rightclick()
二、鼠标长按事件
cy.get('button').trigger('mousedown')
cy.wait(1000)
cy.get('button').trigger('mouseleave')
三、鼠标拖拽事件
cy.get('[data-cy=draggable]')
.trigger('mousedown', { which: 1, pageX: 600, pageY: 100 })
.trigger('mousemove', { which: 1, pageX: 600, pageY: 600 })
.trigger('mouseup')
四、实战
我们要获取 bing页面，Office标签里的元素，需要将鼠标悬停到 Office控件上
最低0.47元/天 解锁文章
扫一扫
7129
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
