无法将鼠标悬停在另一个元素覆盖的菜单选项上

Question

我在网站上有一个菜单选项，由于该菜单错误，我无法将鼠标悬停在该菜单上

CypressError: Timed out retrying: cy.trigger() failed because this element:

<span class="AspNet-Menu-NonLink tab1">Manage ...</span>

is being covered by another element:

<div id="LogoLink" class="LogoLink">...</div>

DOM结构就是这样

我已经删除了LogoLink元素，但是仍然没有发生鼠标悬停的情况。我也尝试单击该元素，但是没有运气。赛普拉斯每次都在搜索元素，但是不能执行鼠标悬停/单击（这可能是它的执行任务，这就是为什么删除LogoLink元素后没有显示错误）。使用硒，我可以使用JavaScript执行器执行单击，并且打开子菜单。

我也关注了帖子Handling Hover over menu's using Cypress，但是帖子中提供的解决方案对我不起作用。

任何人都可以帮忙。

Answer 1

您也尝试过强制点击吗？ cy.get（'button'）。click（{force：true}）