How to perform mouse- over function in Selenium WebDriver using Java?

20    Asked by ajithJayaraman in QA Testing , Asked on Dec 16, 2024

I want to perform mouse-over on the dropdown. The hovering of the cursor over the menu displays some options. I tried clicking the options directly using their Xpath but it failed to work as I expected. On the other hand, I prefer to mimic the real operation: move the pointer to the dropdown menu which shows the options and then click on the desired one. How can this be done in Selenium Web Driver with Java?

Answered by Miura Baba

In Selenium WebDriver, you can perform a mouseover (hover) action using the Actions class. This class allows you to simulate mouse and keyboard interactions, such as hovering over an element. Here's how you can achieve this:


Step-by-Step Solution

Import Required Classes: Ensure you import the necessary Selenium packages for working with the Actions class.

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.interactions.Actions;
import org.openqa.selenium.chrome.ChromeDriver;


Hover Over the Dropdown Menu and Click an Option: Use the Actions class to perform the hover action and make the options visible.

// Set up the WebDriver and navigate to the target page
WebDriver driver = new ChromeDriver();
driver.get("https://example.com"); // Replace with your target URL
driver.manage().window().maximize();

// Locate the dropdown menu element

WebElement dropdownMenu = driver.findElement(By.xpath("//path-to-dropdown-menu"));

// Initialize the Actions class

Actions actions = new Actions(driver);

// Perform the mouseover action on the dropdown menu

actions.moveToElement(dropdownMenu).perform();

// Wait for the dropdown options to appear (optional, depends on the page behavior)

Thread.sleep(2000); // Replace with explicit wait for better practice

// Locate the desired dropdown option

WebElement dropdownOption = driver.findElement(By.xpath("//path-to-desired-option"));

// Click on the desired option

dropdownOption.click();

Close the Browser: After performing the actions, close the browser to free resources.

driver.quit();

Key Notes:

moveToElement() Method: The moveToElement() method hovers over the specified element. The .perform() at the end executes the action.

Use Explicit Waits: Avoid using Thread.sleep(). Instead, use WebDriver's explicit wait to ensure the dropdown options are visible before clicking.

Example:

import org.openqa.selenium.support.ui.WebDriverWait;

import org.openqa.selenium.support.ui.ExpectedConditions;

WebDriverWait wait = new WebDriverWait(driver, Duration.ofSeconds(10));

WebElement dropdownOption = wait.until(ExpectedConditions.visibilityOfElementLocated(By.xpath("//path-to-desired-option")));

dropdownOption.click();

Correct XPath: Ensure that the XPath or CSS selector for both the dropdown menu and its options are accurate.

Explanation:

  • The Actions class enables interaction with complex UI elements.
  • Using moveToElement(), Selenium replicates the hover action, which triggers dropdown visibility.
  • Explicit waits ensure stability when dealing with dynamically loaded elements or animations.

By following the above steps, you can successfully perform a mouseover action and interact with the dropdown menu in Selenium WebDriver using Java.



Your Answer

Interviews

Parent Categories