黄瓜如何悬停在一个元素上？

Question

我有一个使用css hover样式的元素。

我尝试使用如下代码：

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

但是它没有生效？

有其他人遇到过使用css hover时出现的问题吗？谢谢！

- gerky

---

这里黄瓜有什么关系？！ - Konrad Viltersten

Answer 1

试试这个：

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

- socjopata

---

如果您不关心返回值，最好使用“execute_script”：page.execute_script("$('#{element_name}').trigger('mouseover')") - weexpectedTHIS

Answer 2

这是我的应用程序步骤

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

- iafonov

Answer 3

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

- oreoshake

Answer 4

我使用了 .hover()，它起作用了。感谢你们的回答！

最终我不得不给元素添加一个类名为“hover”。

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

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

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

- gerky

---

“呀...什么？”我也遇到了这个问题，但我不确定你所说的使用.hover()是什么意思。我尝试了page.find(".btn_thread_options").hover()，但是我得到了undefined method 'hover' for #<Capybara::Node::Element:0x0000012a23ed28>的错误提示。 - nzifnab

抱歉我没能及时纠正这个答案，我知道现在有点晚了，但我已经更新了答案。 - gerky