Tooltips | Bondar Academy

Lesson Summary

In this lesson, we focus on the automation of tooltips within a test application. Tooltips are elements that display messages when hovering over buttons, but they can be challenging to inspect directly. Key Concepts Tooltips : Messages that appear when hovering over UI elements. Relative Location : Essential for automating tooltip interactions since direct inspection is not possible. Automation Process To automate tooltip validation, follow these steps: Navigate to the Models and Overlays section and select the tooltip page . Use the command hover over to interact with the desired button. Make assertions to check the tooltip message is displayed correctly. Example 1: Tooltip Above a Button For a button labeled top , the following command is used: hover over top Assertion: check that page contains "this is a tooltip" above top Example 2: Tooltip to the Left of a Button For a button labeled left , the command is: hover over left Assertion: check that page contains "this is a tooltip" to the left of left Both tests passed successfully, confirming that the tooltips were displayed as expected. This approach simplifies working with tooltips by using the hover over command and making assertions based on their relative positions. That's it for this lesson. See you next time!