How to hover over a specific element

Prev Next

This article explains how to record a hover action (placing the mouse cursor) on a specific element.

This is useful when testing UIs that appear or operate when the mouse cursor moves over an element, such as drop-down menus and tooltips.

Steps

  1. Click the element assertion icon icon on the recorder toolbar.

  2. Go to the target browser window and place your mouse cursor over the element you want to hover over. Once the element is highlighted in purple, click to select it.

  3. An action menu will appear on the screen. Click Hover over element from the menu.

  4. Verify that the "Hover" step has been added to the scenario's step list.

Notes

  • If you need to interact with a new element that appears after hovering (e.g., a drop-down menu), add the hover step first, and then continue recording your actions on the newly displayed element.

  • During test execution, this step will fail if the target element is not found within the specified timeout period.