Mouse hover (moveToElement) in Selenium Java - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ Predict Output

intermediate

What is the output of this Selenium Java code snippet?

Consider the following Selenium Java code that performs a mouse hover on a web element. What will be the result after executing this code?

Selenium Java

WebElement menu = driver.findElement(By.id("menu"));
Actions actions = new Actions(driver);
actions.moveToElement(menu).perform();
System.out.println(menu.getAttribute("class"));

A Throws a NoSuchElementException because the element is not found

B Prints the class attribute of the menu element, which includes 'hovered' if hover triggers a class change

C Throws an IllegalStateException because perform() is not called

D Prints null because moveToElement does not affect attributes

💡 Hint

Think about what moveToElement does and what getAttribute returns.

The moveToElement method moves the mouse pointer over the element, which may trigger CSS changes like adding a 'hovered' class. The getAttribute("class") call prints the current class attribute value. If the hover triggers a class change, it will be reflected here.

❓ assertion

intermediate

Which assertion correctly verifies the hover effect?

You want to verify that hovering over a button changes its background color to blue. Which assertion is correct?

Selenium Java

WebElement button = driver.findElement(By.cssSelector("button#submit"));
Actions actions = new Actions(driver);
actions.moveToElement(button).perform();
String bgColor = button.getCssValue("background-color");

A assertNotNull(bgColor);

B assertTrue(bgColor.contains("blue"));

C assertEquals("rgba(0, 0, 255, 1)", bgColor);

D assertFalse(bgColor.equals("rgba(0, 0, 255, 1)"));

💡 Hint

Check the exact CSS value for blue in rgba format.

The background color blue in rgba is 'rgba(0, 0, 255, 1)'. The assertion must check for exact equality to confirm the hover effect.

❓ locator

advanced

Which locator is best for hovering over a submenu item?

You want to hover over a submenu item that only appears after hovering the main menu. Which locator is best to find the submenu item reliably?

A By.className("submenu-item")

B By.cssSelector("#main-menu > li:nth-child(2) > ul > li:first-child")

C By.id("submenu-item")

D By.xpath("//ul[@id='main-menu']/li[2]/ul/li[1]")

💡 Hint

Consider the submenu's position in the DOM and uniqueness.

XPath allows precise navigation to the submenu item based on its position in the menu structure, which is reliable when submenu appears only after hover.

🔧 Debug

advanced

Why does this hover action fail to trigger the submenu?

This code tries to hover over a menu to reveal a submenu, but the submenu does not appear. What is the likely cause?

Selenium Java

WebElement menu = driver.findElement(By.id("menu"));
Actions actions = new Actions(driver);
actions.moveToElement(menu);
// missing perform()
WebElement submenu = driver.findElement(By.id("submenu"));
submenu.click();

A The perform() method is missing, so the hover action is not executed

B The submenu element is not visible because the locator is incorrect

C The click() method is called before the submenu is loaded

D The moveToElement() method requires a double click to trigger hover

💡 Hint

Check if the action chain is completed.

Without calling perform(), the moveToElement action is not executed, so the submenu does not appear.

❓ framework

expert

How to implement a reusable hover method in a Selenium Java framework?

You want to create a reusable method hoverOverElement(WebDriver driver, By locator) that moves the mouse over an element and waits until a related submenu is visible. Which implementation is correct?

A

public void hoverOverElement(WebDriver driver, By locator) {
  WebElement element = driver.findElement(locator);
  new Actions(driver).moveToElement(element).perform();
  new WebDriverWait(driver, Duration.ofSeconds(5))
    .until(ExpectedConditions.visibilityOfElementLocated(By.cssSelector(".submenu")));
}

B

public void hoverOverElement(WebDriver driver, By locator) {
  WebElement element = driver.findElement(locator);
  new Actions(driver).click(element).perform();
  Thread.sleep(5000);
}

C

public void hoverOverElement(WebDriver driver, By locator) {
  WebElement element = driver.findElement(locator);
  new Actions(driver).moveToElement(element);
  new WebDriverWait(driver, Duration.ofSeconds(5))
    .until(ExpectedConditions.elementToBeClickable(element));
}

D

public void hoverOverElement(WebDriver driver, By locator) {
  WebElement element = driver.findElement(locator);
  new Actions(driver).moveToElement(element).perform();
  driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(5));
}

💡 Hint

Consider both performing the hover and waiting explicitly for submenu visibility.

Option A correctly performs the hover action and explicitly waits for the submenu to be visible using WebDriverWait and ExpectedConditions, making it reusable and reliable.