cypress - 柏树中的鼠标悬停

Question

我是 cypress 的新手，正在尝试为我的学习创建一些基本脚本，通过单击元素处理下拉列表很好，但是在这种情况下，悬停在元素上不起作用，我可以看到所需的元素正在悬停但是子菜单没有出现。

it.only('Mouse hover using trigger ', () => {
        cy.visit('https://www.puregrips.com/pages/custom-grips')

        cy.contains("a", "Custom").trigger('mouseover')

    })
   

Answer 1

您可以使用 cypress-real-events插件，这适用于您的网页。

安装使用命令:

npm i cypress-real-events

然后在你的 cypress/support/index.{js,ts} 中，写:

import "cypress-real-events/support";

在你的代码中你可以直接写:

cy.contains("a", "Custom").realHover('mouse')

注意:由于上述插件使用 Chrome DevTools 协议(protocol)来模拟 native 事件，因此这仅适用于基于 Chromium 的浏览器，因此不适用于 firefox。

我尝试过但没有用的东西 -

cy.contains("a", "Custom").trigger('mouseover')
cy.contains("a", "Custom").invoke('show')