Capybaraセレンドライバ、要素をホバリング

Question

私がテストしているアプリは、最初に隠された要素がいくつかあります。あなたは.btn_thread_options要素の上に置くと

.thread_options{ 
    display: none; 
} 
.btn_thread_options:hover .thread_options{ 
    display: inline; 
} 

、いくつかのリンクが表示されて、私はカピバラがクリックしたいこと：別の要素の上にマウスを移動するとき彼らはCSSを経由して表示されます。 click_link "Send Response"を使用して何もせずにこれらをクリックしようとすると、私にエラーを与える：

Failure/Error: click_link("Send Response") 
Selenium::WebDriver::Error::ElementNotVisibleError: 
    Element is not currently visible and so may not be interacted with 

は

page.execute_script("$('.btn_thread_options').trigger('mouseover')") 

が（同じ結果）のいずれかを動作しないようにそれをクリックする他の方法を使用しようとしています。

NORマウスオーバーするためにそれを強制しようとする最初の項目をクリックするん：

page.find(".btn_thread_options").click 

が、これは正常に動作するために取得する方法はありますか？

Answer 1

これはカピバラへaddedされています：なし：あなたは、ディスプレイを

find(:css, "#menu").hover 

Answer 2

マウスオーバーするのではなく、直接要素を表示してみることができます。

page.execute_script("$('.thread_options').css('display','inline')") 

おそらくignore_hidden_elementsの設定も調べてください。デフォルトはfalseですが、おそらくtrueに設定されています。

または、表示なしの代わりに、マージンを大きな負の値に設定します。

/* Move the element off the screen */ 
.thread_options{ 
    margin: -9999px 0 -9999px 0; 
} 
/* Set the desired display margins 
.btn_thread_options:hover .thread_options{ 
    margin: 10px 0 10px 0; 
} 

Answer 3

私は、Capybara + the Seleniumドライバを使用して「マウス・ホバー」をシミュレートする方法を見つけました。このコードは、私のために働いている：

module Capybara 
    module Node 
    class Element 
     def hover 
     @session.driver.browser.action.move_to(self.native).perform 
     end 
    end 
    end 
end