IT小君
2021-09-15T00:17:56 我想在下拉菜单上执行鼠标悬停功能。当我们将鼠标悬停在菜单上时，它将显示新选项。我尝试使用 xpath 单击新选项。但不能直接点击菜单。因此，作为手动方式，我尝试将鼠标悬停在下拉菜单上，然后单击新选项。
Actions action = new Actions(webdriver);
WebElement we = webdriver.findElement(By.xpath("//html/body/div[13]/ul/li[4]/a"));
action.moveToElement(we).build().perform();
尝试执行以下操作时，这些答案均无效：
如果在 moveToElement 之后插入“执行”命令，它会移动到该元素，并且子菜单项会显示一小段时间，但这不是悬停。隐藏元素在找到之前立即消失，导致 ElementNotFoundException。我尝试了两件事：
Actions builder = new Actions(driver);
builder.moveToElement(hoverElement).perform();
builder.moveToElement(clickElement).click().perform();
这对我不起作用。以下对我有用：
Actions builder = new Actions(driver);
builder.moveToElement(hoverElement).perform();
By locator = By.id("clickElementID");
driver.click(locator);
使用悬停操作和标准 WebDriver 单击，我可以悬停然后单击。
IT小君 基于这篇博文，我能够在 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);
这段代码运行良好：
Actions builder = new Actions(driver);
WebElement element = driver.findElement(By.linkText("Put your text here"));
builder.moveToElement(element).build().perform();
鼠标悬停后，您可以继续对显示的信息执行您想要的下一步操作
IT小君 检查这个例子我们如何实现这一点。
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();
}
}
有关详细答案，请在此处查看 - http://www.testautomationguru.com/selenium-webdriver-automating-hoverable-multilevel-dropdowns/
IT小君 我发现这个问题正在寻找一种方法来为我的 Javascript 测试做同样的事情，使用量角器（Selenium 的 javascript 前端）。
我使用量角器 1.2.0 和 webdriver 2.1 的解决方案：
browser.actions()
.mouseMove(
element(by.css('.material-dialog-container'))
)
.click()
.perform();
这也接受一个偏移量（我用它来点击元素的上方和左侧：）
browser.actions()
.mouseMove(
element(by.css('.material-dialog-container'))
, -20, -20 // pixel offset from top left
)
.click()
.perform();
使用 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();
}
}
你可以试试：
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();
如果您的网站有很多类别，请使用第一种方法。对于您想要的菜单，您只需要第二种方法。
IT小君 我试过了，它工作正常
action = ActionChains(driver)
element = driver.find_element_by_xpath("XPath_selector")
action.move_to_element(element).perform()
执行“鼠标悬停”操作实际上是不可能的，相反，您需要将您想要一次性完成的所有操作串联起来。因此，移动到显示其他元素的元素，然后在同一链中，移动到现在显示的元素并单击它。
使用动作链时，您必须记住“像用户那样做”。