我想知道是否可以使用 Cypress 测试可覆盖的下拉菜单栏。
例如,当您访问 Ebay(https://www.ebay.com) 时,您会在页面右上角看到警告图标,如果您将鼠标悬停在该元素上,则会显示登录通知框。
这是我的代码,我按照 Cypress 告诉我的操作,但我得到了一个错误,比如......
断言错误
重试超时:应找到元素:#ghn-err,但从未找到它。
it('ebay hover test', () => {
cy.visit('https://www.ebay.com')
// 1. alert icon hover test.
cy.get('#gh-Alerts-i').trigger('mouseover')
cy.get('#ghn-err').should('be.visible')
// 2. This is my another test.
// cy.get('#gh-eb-My > .gh-menu > .gh-eb-li-a > .gh-sprRetina').trigger('mouseover')
//cy.get('#gh-eb-My-o > .gh-eb-oa thrd').should('be.visible')
})
最佳答案
对我来说,鼠标悬停有效。这是一个有待解决的已知 Cypress 错误。
但是,试试这些:
cy.get('#gh-Alerts-i').trigger('onmouseover')
cy.get('#gh-Alerts-i').trigger('mouseenter')
cy.get('#gh-Alerts-i').invoke('trigger', 'contextmenu')
cy.get('#gh-Alerts-i').rightclick();
关于javascript - 如何使用 Cypress (.trigger 'HOVER')测试 ('mouseover' 不起作用),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63135193/