如何使用带有Java的Selenium WebDriver将鼠标悬停在Web元素上

Question

How to perform a mouse hover functionality using Selenium Webdriver?

Test Case is like say, open Yahoo site and there is link (Mail) beside Sign-In. Upon mouse hover it will show a tooltip.

When i try the below code, it is not mouse hovering the exact location, rather it hovers somewhere else. Where i am going wrong?

And also let me know, how to capture the Tooltip?

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 Sample 
{
    public static void main(String[] args) 
    {
        WebDriver driver=new FirefoxDriver();
        driver.get("http://www.yahoo.com");

        driver.manage().window().maximize();

        try 
                {
            Thread.sleep(5000);
        } catch (InterruptedException e)
                {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }

        WebElement lMail=driver.findElement(By.xpath("//*[@title='Mail']"));

        Actions builder=new Actions(driver);
        builder.moveToElement(lMail).build().perform();


    }

}

Answer 1

Actions actions = new Actions(driver);
actions.moveToElement(element).click().build().perform();

Answer 2

Try this code:

//Assume driver initialized properly.
WebElement element = driver.findElement(By.id("Element id"));
Locatable hoverItem = (Locatable) element;
Mouse mouse = ((HasInputDevices) driver).getMouse();
mouse.mouseMove(hoverItem.getCoordinates());

Answer 3

I have used similar code and it works for me. I have also used the following at a few places: browser.executeScript("jQuery('mycss-selector').mouseover();") You will have to use css-selector, instead of xpath.