Invoke a Mouse Hover Event

You can also review our Telerik TV episode on Invoking Mouse Actions for a video walk-through of this process.

PROBLEM

I recorded a click in a fly-out sub-menu, however it does not execute properly because the menu never properly expands to expose the element.

SOLUTION

Invoking a mouse action can come in handy, especially in navigation menus that use hover-over fly-out sub-menus.

  1. To get started, select the hover-over highlighting tool from the recorder toolbar which is docked to Internet Explorer.
  2.  

    The marked button turns highlighting on/off

     

  3. Next, select the element on which you would like to invoke the hover-over mouse-action on, stay hovered, then click the blue nub.
  4.  

    The "Nub" appears when you "hover" over an element for a few moments

     

  5. The Element Menu is now displayed. Note the icons highlighting below; these are used to invoke Javascript Events and Mouse Actions.
  6. Select Mouse Actions.
  7.  

    Marked JS: JavaScript Events | Mouse: MouseEvents

     

  8. Next, select Mouse Hover by double-clicking it.
  9.  

    Selecting "Mouse Hover" will add the desktop command to the test as a stand-alone step.

     

  10. A desktop command is added to your test. It invokes a mouse hover-over action triggering the menu to fly out. This allows you to select a sub-menu item.
  11. Please note that desktop commands may not function correctly if focus is removed from the execution browser.