How To verify Tooltip Using Selenium

Tooltips provide contextual information in UIs when users hover over elements, such as buttons or icons. Automating tooltip verification is useful to validate the usability and rightness of UI feedback. There are two methods: fetching the title property, and using the Actions grade to simulate mouse hover.

This article helps in explaining how to control tooltip text programmatically in Selenium.

What is Tooltip?

A tooltip is a modest text pop-up that user can reckon when they hover over a specific web ingredient like push, picture, link, etc. These small pop-ups provide little and exact contextual text that assist users realize what the web-element is all about.

Consider the ikon below as an example.

SUSA automates exploratory testing with persona-driven behavior, catching bugs that scripted automation misses.

When a exploiter hovers over the mic icon on the Google hunting engine, a tooltip pops up with the text & # 8220;Search by voice. & # 8221; This elucidate the functionality of the mic button to users.

Now when it comes to automated testing, let & # 8217; s understand how one can automatize the process of verifying tooltip in Selenium.

How to Verify Tooltip in Selenium?

There are two ways:

1. Using the to bring the Title attribute that includes the static tooltip text.
2. Using the to mimic the mouse hover activeness of a exploiter on a webpage.

Method # 1 & # 8211; Fetching the title attribute as tooltip text

As a traditional practice, the web element & # 8217; s title attribute typify the tooltip text.

To access or verify static tooltips that are implemented using the HTML & # 8220; title & # 8221; attribute, one needs to use the getAttribute (& # 8220; title & # 8221;) method for the specific WebElement. The method returns the value (which is the tooltip text), and then it is liken with an expected value for verification.

Consider a sample URL & # 8211;https: //jqueryui.com/tooltip/

The above web page has an input battleground “ Your age. ” When a user hovers over the field, a tooltip pops up. Now to verify this tooltip in Selenium, one needs to postdate the steps listed below.

1. Find the web element utilise any strategy from
2. Get the value of the Title attribute using the getAttribute method
3. Compare the fetched value with the expected value

Refer to the sample codification snippet below

import org.openqa.selenium.By; importation org.openqa.selenium.WebDriver; importation org.openqa.selenium.chrome.ChromeDriver; import org.openqa.selenium. *; public class ToolTip {public electrostatic void main (String [] args) {String baseUrl = `` https: //jqueryui.com/tooltip/ ''; System.setProperty (`` webdriver.chrome.driver '', '' & lt; route of browser driver file & gt; ''); WebDriver driver = new ChromeDriver (); driver.get (baseUrl); String expectedTooltip = `` We ask for your age only for statistical purposes. ``; // Find the age field WebElement ele = driver.findElement (By.id (`` age ''));; //get the value of the `` title '' attribute String actualTooltip = ele.getAttribute (`` title ''); //Comparing tooltip ’ s value with expected value System.out.println (`` Actual Title of Tool Tip '' +actualTooltip); if (actualTooltip.equals (expectedTooltip)) {System.out.println (`` Test Case Passed '');} driver.close ();}}

Method # 2 & # 8211; Using the Action Class

This method focuses on mimicking the exploiter ’ s using the Actions grade. It is used to handle diverse eccentric of keyboard and mouse events such as,, and.

We will use the like URL and examination scenario as method 1. The codification simply rewrite the programme utilize the Actions course.

import org.openqa.selenium.By; import org.openqa.selenium.WebDriver; import org.openqa.selenium.WebElement; import org.openqa.selenium.firefox.FirefoxDriver; import org.openqa.selenium.interactions.Actions; public class TooltipDemo {public motionless WebDriver driver; public static nothingness master (String [] args) {//Set system properties for geckodriver This is required since Selenium 3.0 System.setProperty (`` webdriver.gecko.driver '', `` & lt; route of the browser driver & gt; ''); // Create a new instance of the Firefox driver driver = new FirefoxDriver (); //CASE 2: Using Actions class method driver.get (`` https: //jqueryui.com/tooltip/ ''); System.out.println (`` website laden ''); //Maximise browser window driver.manage () .window () .maximize (); //Instantiate Action Class Actions activeness = new Actions (driver); //Retrieve WebElement WebElement factor = driver.findElement (By.id (`` age '')); // Using the action class to mime mouse hover actions.moveToElement (element) .perform (); WebElement toolTip = driver.findElement (By.xpath (`` // * [@ id= '' age ''] '')); // To get the instrument tip schoolbook and assert String toolTipText = toolTip.getText (); System.out.println (`` toolTipText -- & gt; '' +toolTipText); //Verification if tooltip text is matching expected value if (toolTipText.equalsIgnoreCase (`` We ask for your age only for statistical use. ``)) {System.out.println (`` Pass '');} else {System.out.println (`` Fail '');} // Close the main window driver.close ();}}

Thus one can easily verify tooltips with these 2 easygoing method useSelenium.

Related Guides