Selenium testing of Hover property

Question

I need to test the change in background color to #F67621 on hovering. The background color code is to be compared with predefined expected value. I am using XPath as selector.

String xPathStr="//input[@id='add']";
String str = driver.findElement(By.xpath(xPathStr)).getCssValue("background-color");

For above code can somebody suggest me how to check for hovering of button
CSS for the above mentioned code is as follows:

# add:hover , #clear:hover{
    background-color:#F67621;
}

score 2 · Answer 1 · edited May 23 '17 at 10:30

2

I'm not sure, but i find this :

How to perform mouseover function in Selenium WebDriver using Java?

Actions action = new Actions(driver);
WebElement we = driver.findElement(By.id("Add"));
action.moveToElement(we).perform();
assertEquals("#F67621", we.getCssValue("background-color"));

Other link :

http://www.learnseleniumtesting.com/mouse-hover-and-other-mouse-events-in-webdriver/

edited May 23 '17 at 10:30

Community

1
1

answered Jun 23 '14 at 12:35

Pierre-luc S.

98
5

score 1 · Answer 2 · edited Jan 04 '16 at 07:19

1

WebElement mousehover=org.findElement(By.xpath("html/body/div[1]/div/div[1]/div/div/div[2]/div[1]/ul/li[3]/a"));
Actions action = new Actions(org);
action.moveToElement(mousehover).build().perform();

edited Jan 04 '16 at 07:19

Ghasem

14,455
21
138
171

answered Jan 04 '16 at 07:01

Amit Pal

177
3
11

1

A code block alone does not provide a good answer. Please add explanations (why it solve the issue, where was the mistake, etc...) – Louis Barranqueiro Jan 04 '16 at 08:23

Selenium testing of Hover property

2 Answers2