How to similulate mouse over events such as click a link on mouse over

[vishalshivnath]

I have a main menu. If i click on main menu it opens sub menu on mouse over. This sub menu us hidden element. Protractor is clicking on the main menu but not cant simulate the action on mouse over event

Tried below four ways to simulate mouse hover action

1. driver.executeScript("document.getElementById('dBysuspect typeLabel')[0].mouseover();");
2. driver.executeScript("return ptor.By.id('dBysuspect typeLabel').hover();");
3. reviewProviderPage.reviewProvidersBySuspect.hover();
4. driver.executeScript("reviewProviderPage.reviewProvidersBySuspect.hover():");

Got below error.
Message:
Type Error: Object [object Object] has no method 'hover'

[juliemr]

You'll need to use an action sequence for hovering:

ptor.actions().
    mouseMove(ptor.findElement(protractor.B.id('foo'))).
    perform();

See https://code.google.com/p/selenium/source/browse/javascript/webdriver/actionsequence.js for the full actions API.

[vishalshivnath]

Thanks it working, hence closing this ticket

[mgol]

This doesn't work for me. :/ For the following code:

browser.actions().mouseMove($('cbn-slider')).perform();

I get an error:

   Message:
     TypeError: Object [object Object] has no method 'toWireValue'
   Stacktrace:
     TypeError: Object [object Object] has no method 'toWireValue'
    at null.<anonymous> (*/test/e2e/e2e-spec.defs.js:57:31)
    at */node_modules/protractor/jasminewd/index.js:54:12
    at wrapper [as _onTimeout] (timers.js:252:14)
    at Timer.listOnTimeout [as ontimeout] (timers.js:110:15)
==== async task ====
    at null.<anonymous> (*/node_modules/protractor/jasminewd/index.js:53:12)
    at null.<anonymous> (*/node_modules/protractor/node_modules/minijasminenode/lib/async-callback.js:45:37)

[mgol]

OK, I found the answer here: #123 (comment)
Instead of $('cbn-slider') I need to write $('cbn-slider').find(). Seems a little unintuitive and documentation here is sparse at best.

[elgalu]

Hey @mzgol thanks for the .find() update 👍

[ffesseler]

Yep, was also stuck until I've stuble upon this issue.

I would suggest adding something about this in the doc.
If you tell me where it's best to put it, I'm keen to do a PR

[vishaljoshi]

Hi, I am having a drop down menu which shows up on mouse over and hides on mouse out,
The below code fire a mouse out event instantly so the menu hides immediately. So all you can see is a flicker on the screen. Any help would be appreciated.

ptor.actions().
mouseMove(ptor.findElement(protractor.By.id('id_element'))).perform();

@vishalshivnath I have recently come across the same issue as you, so created this ticket:

#1034

[Rajgowtham]

HI,

I am new to selenium, i working with menu, need to click sub menu using selenium webdriver, could anyone help with tat :(

[aricearice]

I'm using the action sequence that @juliemr suggested in order to perform a hover over a button. It's working for me in FireFox and Chrome, but it's throwing the following error when I run my tests in Safari. Any ideas how to work around this? I've been searching the web for a solution, but the ones I've found so far are not working out for me when I try them in elementexplorer..

Example page I've looked into:
https://code.google.com/p/selenium/issues/detail?id=2067
Perhaps I need a bit of time to grasp the code in #57 and #60, but I'm also wondering if this issue is being looked at, whether by the Protractor team or the WebDriver team..

UnknownError: Unknown command: mouseMoveTo (WARNING: The server did not provide any stacktrace information)
[safari #3] Command duration or timeout: 4 milliseconds
[safari #3] Build info: version: '2.33.0', revision: '4e90c97', time: '2013-05-22 15:32:38'
[safari #3] System info: os.name: 'Windows Server 2008 R2', os.arch: 'x86', os.version: '6.1', java.version: '1.7.0_60'
[safari #3] Session ID: null
[safari #3] Driver info: org.openqa.selenium.safari.SafariDriver
[safari #3] Capabilities [{platform=WINDOWS, javascriptEnabled=true, cssSelectorsEnabled=true, secureSsl=true, browserName=safari, takesScreenshot=true, version=5.1.7}]
[safari #3]    Stacktrace:
[safari #3]      UnknownError: Unknown command: mouseMoveTo (WARNING: The server did not provide any stacktrace information)
[safari #3] Command duration or timeout: 4 milliseconds
[safari #3] Build info: version: '2.33.0', revision: '4e90c97', time: '2013-05-22 15:32:38'
[safari #3] System info: os.name: 'Windows Server 2008 R2', os.arch: 'x86', os.version: '6.1', java.version: '1.7.0_60'
[safari #3] Session ID: null
[safari #3] Driver info: org.openqa.selenium.safari.SafariDriver
[safari #3] Capabilities [{platform=WINDOWS, javascriptEnabled=true, cssSelectorsEnabled=true, secureSsl=true, browserName=safari, takesScreenshot=true, version=5.1.7}]
[safari #3] ==== async task ====
[safari #3] mouseMove
[safari #3]     at Array.forEach (native)
[safari #3] ==== async task ====
[safari #3] ActionSequence.perform
[safari #3]     at hover (maxbase.js:149:7)
[safari #3]     at showLoginMenu (maxhome.js:94:12)
[safari #3]     at logout (maxhome.js:8:14)
[safari #3]     at null.<anonymous> (home.test.js:93:14)
[safari #3] ==== async task ====
[safari #3] Asynchronous test function: it()
[safari #3] Error
[safari #3]     at testSigningOut (home.test.js:91:2)
[safari #3]     at null.<anonymous> (p1.spec.js:30:14)
[safari #3]     at Object.<anonymous> (p1.spec.js:7:1)

[abhagupta]

@aricearice - Were you able to find out the solution for your problem. I have stumbled upon same issue in Safari.

[bmsoko]

Same here, I've stepped on this issue too... Did anyone find a workaround?

Thanks