Hover Menus

Mega Menu on Hover

<li class="menu" id="menu-electronics">Electronics
  <ul class="submenu">   <!-- shown only on :hover -->
    <li><a href="/c/mobiles">Mobiles</a></li>
    <li><a href="/c/laptops">Laptops</a></li>
  </ul>
</li>
WebElement electronics = driver.findElement(By.id("menu-electronics"));
new Actions(driver).moveToElement(electronics).perform();
wait.until(ExpectedConditions.elementToBeClickable(By.linkText("Laptops"))).click();
System.out.println(driver.getCurrentUrl());

Example

Output:

Run MegaMenuTest.main()

Example output

https://shopease.example.com/c/laptops

Tooltip Text

new Actions(driver).moveToElement(driver.findElement(By.cssSelector(".emi-info"))).perform();
String tip = wait.until(ExpectedConditions.visibilityOfElementLocated(By.cssSelector(".tooltip"))).getText();

Example

Output:

Run EmiTooltipTest.main()

Example output

No cost EMI available on cards from 6 banks