Cucumber How to hover over an element?

Question

I have an element created using css hover.

I tried using this

page.execute_script ("$ (" # {} selector) Mouseover (); ").

but doesn’t work?

Has anyone else encountered this problem using css hover? Thanks!

Answer 1

I used .hover () and it worked. Thanks for answers!

I had to add a 'hover' class to an element

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

and call it in a cucumber on

 page.execute_script("$('#{selector}').mouseover().addClass('hover');") 

Answer 2

Try the following:

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

Answer 3

Here is a step from my application

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

Answer 4

In addition, you call a function bound to this event.