Cucumber 如何将鼠标悬停在元素上？

Question

我有一个带有 css 悬停样式的元素。

我尝试使用这个

page.execute_script(“$('#{selector}').mouseover();”)

但不起作用？

还有其他人在使用 css 悬停时遇到过这个问题吗？谢谢！

Answer 1

试试这个：

 page.evaluate_script("$('#{element_name}').trigger('mouseover')")

Answer 2

这是我的申请的步骤

When /^I hover and click on "([^\"]*)"$/ do |selector|
  page.driver.browser.execute_script %Q{
    $("#{selector}").trigger("mouseenter").click();
  }
end

Answer 3

或者，您可以调用绑定到该事件的函数

Answer 4

我使用了 .hover() 并且它有效。感谢您的回答！

我最终不得不向元素添加一个“悬停”类

element {
  &:hover, &.hover { //styles }
}

，并通过以下方式在 Cucumber 中触发它：

page.execute_script(“$(‘#{selector}’).mouseover().addClass('hover');”)