How to perform mouseover function in Selenium WebDriver using Java

Question

I want to do mouseover function over a drop down menu  When we hover over the menu  it will show the new options  I tried to click the new options using the xpath  But cannot click the menus directly  So  as the manual way I am trying to hover over the drop down menu and then will click the new options   Actions action   new Actions webdriver   WebElement we   webdriver findElement By xpath    html body div 13  ul li 4  a     action moveToElement we  build   perform

User · Answer

Check this example how we could implement this.

public class HoverableDropdownTest {

    private WebDriver driver;
    private Actions action;

    //Edit: there may have been a typo in the '- >' expression (I don't really want to add this comment but SO insist on ">6 chars edit"...
    Consumer < By > hover = (By by) -> {
        action.moveToElement(driver.findElement(by))
              .perform();
    };

    @Test
    public void hoverTest() {
        driver.get("https://www.bootply.com/render/6FC76YQ4Nh");

        hover.accept(By.linkText("Dropdown"));
        hover.accept(By.linkText("Dropdown Link 5"));
        hover.accept(By.linkText("Dropdown Submenu Link 5.4"));
        hover.accept(By.linkText("Dropdown Submenu Link 5.4.1"));
    }

    @BeforeTest
    public void setupDriver() {
        driver = new FirefoxDriver();
        action = new Actions(driver);
    }

    @AfterTest
    public void teardownDriver() {
        driver.quit();
    }

}

For detailed answer, check here - http://www.testautomationguru.com/selenium-webdriver-automating-hoverable-multilevel-dropdowns/

User · Answer

Sample program to mouse hover using Selenium java WebDriver    public class Mhover       public static void main String   args          WebDriver driver   new FirefoxDriver           driver manage   timeouts   implicitlyWait 10  TimeUnit SECONDS          driver get  http   www google com           WebElement ele   driver findElement By id  gbqfba            Actions action   new Actions driver          action moveToElement ele  build   perform

User · Answer

Its not really possible to perform a  mouse hover  action  instead you need to chain all of the actions that you want to achieve in one go  So move to the element that reveals the others  then during the same chain  move to the now revealed element and click on it   When using Action Chains you have to remember to  do it like a user would    Actions action   new Actions webdriver   WebElement we   webdriver findElement By xpath  html body div 13  ul li 4  a     action moveToElement we  moveToElement webdriver findElement By xpath   expression-here     click   build   perform

User · Answer

You can try   WebElement getmenu  driver findElement By xpath       id  ui-id-2   span 2        xpath the parent  Actions act   new Actions driver   act moveToElement getmenu  perform     Thread sleep 3000   WebElement clickElement  driver findElement By linkText  Sofa L      xpath the child act moveToElement clickElement  click   perform      If you had case the web have many category  use the first method  For menu you wanted  you just need the second method

User · Answer

Based on this blog post I was able to trigger hovering using the following code with Selenium 2 Webdriver   String javaScript    var evObj   document createEvent  MouseEvents                            evObj initMouseEvent   mouseover   true  false  window  0  0  0  0  0  false  false  false  false  0  null                           arguments 0  dispatchEvent evObj         JavascriptExecutor driver  executeScript javaScript  webElement

User · Answer

This code works perfectly well    Actions builder   new Actions driver    WebElement element   driver findElement By linkText  Put your text here      builder moveToElement element  build   perform      After the mouse over  you can then go on to perform the next action you want on the revealed information

User · Answer

None of these answers work when trying to do the following    Hover over a menu item  Find the hidden element that is ONLY available after the hover  Click the sub-menu item    If you insert a  perform  command after the moveToElement  it moves to the element  and the sub-menu item shows for a brief period  but that is not a hover  The hidden element immediately disappears before it can be found resulting in a ElementNotFoundException  I tried two things   Actions builder   new Actions driver   builder moveToElement hoverElement  perform    builder moveToElement clickElement  click   perform      This did not work for me  The following worked for me   Actions builder   new Actions driver   builder moveToElement hoverElement  perform    By locator   By id  clickElementID    driver click locator     Using the Actions to hover and the standard WebDriver click  I could hover and then click

User · Answer

I found this question looking for a way to do the same thing for my Javascript tests  using Protractor  a javascript frontend to Selenium    My solution with protractor 1 2 0 and webdriver 2 1   browser actions    mouseMove    element by css   material-dialog-container       click    perform      This also accepts an offset  i m using it to click above and left of an element    browser actions    mouseMove    element by css   material-dialog-container        -20  -20     pixel offset from top left    click    perform

[java] How to perform mouseover function in Selenium WebDriver using Java?

Examples related to java

Examples related to selenium

Examples related to selenium-webdriver

Examples related to mouseover