向下滚动菜单并单击一个元素，然后单击错误的元素

Question

In my web driver test I'm scrolling down a list of menu items and clicking it. But what I observe is that it actually navigates to a wrong link which means it has the effect of clicking some menu item at the top of the menu. Why does this happen?

// Click menu button that launches menu.
driver.findElement(By.className("menuButton")).click();

// Scroll down the menu.
new Actions(driver)
    .moveToElement(driver.findElement(By.className("navMenu")))
    .click()
    .sendKeys(Keys.PAGE_DOWN)
    .perform();

// Find and click a menu item now visible.
new Actions(driver)        
    .moveToElement(driver.findElement(By.linkText("bottom menu item")))
    .click()
    .perform();

Answer 1

Be sure there is no another bottom menu item start with same "bottom menu item" text and placed previous to your element.

You can also try to scroll using Javascript and scrollIntoView method, if click not working by itself:

JavascriptExecutor js = (JavascriptExecutor) driver;

// Click menu button that launches menu.
driver.findElement(By.className("menuButton")).click();

driver.findElement(By.className("navMenu")).click();

// Find and click a menu item now visible.
WebElement bottomMenuItem = driver.findElement(By.linkText("bottom menu item"));
js.executeScript("arguments[0].scrollIntoView(true)", bottomMenuItem);
bottomMenuItem.click();

Answer 2

Step 1. Click menu button that launches menu.

driver.findElement(By.className("menuButton")).click();
driver.findElement(By.className("navMenu")).click();

Step 2.

WebElement bottomMenuItem = driver.findElement(By.linkText("bottom menu item"));
JavascriptExecutor js = (JavascriptExecutor) driver;
js.executeScript("arguments[0].click()", bottomMenuItem);

Note - There could be some micro seconds delay before "bottom menu item". So there could be chances at some point it could fail clicking on "bottom menu item". So you may would need to wait for a second to make this action more reliable without facing failure in future.