ruby-on-rails - capybara ，selenium 交互隐藏或显示 : none css properties

Question

我正在使用类似的结构:

<div class="edit" style="visibility: hidden;">
  <a href="some_path" id="edit_item">Edit</a>
</div>

然后我将鼠标悬停在该元素上变得可见，但是我很难将此操作与测试(使用 cucumber 、 capybara 、 Selenium )进行交互。

我得到一个错误

Element is not currently visible and so may not be interacted with (Selenium::WebDriver::Error::ElementNotDisplayedError)

我尝试使用 Element.trigger(event)使用鼠标悬停，但它不适用于 Selenium ...我如何与这个元素互动？

Answer 1

我使用 capybara 的 execute_script 解决了这个问题:

When /^I hover element "([^""]*)"(?: within "([^""]*)")?$/ do |id,selector|
  with_scope(selector) do
    page.execute_script("$('#{id}').mouseover();")
  end
end

When /^I click in hide element "([^""]*)"(?: within "([^""]*)")?$/ do |id,selector|
  with_scope(selector) do
    page.execute_script("$('#{id}').click();")
  end
end

但此解决方案不适用于 css - display: none;