柏树中的鼠标悬停

如何解决柏树中的鼠标悬停

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

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

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

    })
   

解决方法

您可以使用 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')