如何在水豚和红宝石中使用鼠标悬停？

Question

我已经在水豚中用硒尝试了以下方法，但是没有用。

find('#element').trigger(:mouseover)
要么
page.find("#element").click
要么
page.execute_script("$('#element').trigger('mouseover')")
要么
find(:css,#element').hover
要么
**capybara webkit**
一个我也没有尝试过。 你能建议吗？

Answer 1

尝试：

page.execute_script("$('#element').trigger('mouseenter')")

为了获得干净的解决方案，您需要安装capybara-webkit gem。 在您的spec_helper中添加：

RSpec.configure do |config|
  # ... Your configuration
  Capybara.javascript_driver = :webkit
end

有了这个，您应该能够触发以下事件：

page.find('#element').trigger(:mouseover)

Answer 2

当什么都不起作用时，您可以模拟幕后发生的事情。

鉴于我的HTML（正文）

<body>

    <div id="myHiddenDiv">
        <a href="to/home/">A (not visible) link I'd like to click on</a>
    </div>

</body>

鉴于我的CSS：

div#myHiddenDiv
{
    visibility: hidden;
}
div#myHiddenDiv:hover
{
    visibility: visible;
}

没有jQuery，没有webkit（但有Selenium），我可以做：

feature 'My div becomes visible' do

    scenario 'I can fake mouseover' do

        expect(page).not_to have_tag('div#myHiddenDiv', visible: true);

        # As if I mouseovered
        page.execute_script(<<-JS)
            let div = 'document.querySelector('div#myHiddenDiv');
            div.style.visibility = 'visible';
        JS

        expect(page).to have_tag('div#myHiddenDiv', visible: true);

        click_link("A (not visible) link I'd like to click on")

        # And go on!…

    end
end