赛普拉斯将鼠标悬停在名为“自动化”的菜单选项上

Question

我正在尝试使用以下命令将鼠标悬停在菜单选项（快照-位于“自动化”选项卡下）上，但是它似乎不起作用：

cy.get('.menu.button.overlay_button.projects_popover').click(),
cy.contains('Automation').trigger('mousedown'),
cy.contains('Shots').trigger('mousedown').click()

柏有悬停选项吗？

我先单击项目，然后转到自动化，然后单击快照。

另外，我不认为柏树中是否有悬停的东西。我想将鼠标放在该“自动化”选项卡上。我可以单击它，但不能像硒一样悬停。请帮助

Answer 1

否，赛普拉斯当前没有hover()命令。但是，将来可能会添加。

浏览器中有两种不同形式的悬停代码：

1）通过css伪类进行:hover样式
2）通过javascript事件监听器进行mouseover/mouseout。

如果您的应用使用＃1（css），则cypress当前无法测试，因为它无法通过javascript解析伪CSS样式。

如果您的应用使用＃2（javascript个事件），则可以使用一种解决方法，手动触发mouseover/mouseout个事件：

cy.get('.menu.button.overlay_button.projects_popover').click(),
cy.contains('Automation').trigger('mouseover'),
cy.contains('Shots').trigger('mouseover').click()

您的应用也有可能正在监听mouseenter / mouseleave事件，在这种情况下，您也可以触发这些事件。