柏树中的鼠标悬停

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 协议来模拟本地事件，因此这仅适用于基于 Chromium 的浏览器，因此不适用于 firefox。

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

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

柏树中的鼠标悬停

Mouseover in cypress

cypress

mouseover