使用 Selenium Webdriver 單擊 JQUERY 元素時出現問題

Question

我正在嘗試從一個非常知名的網站單擊一些 JQUERY 元素來練習 Selenium （ http://the-internet.herokuapp.com/jqueryui/ ）。

我想出了如何導航到菜單（不確定我的代碼是否是一個好的解決方案），但是無法單擊最后一個子菜單選項（PDF、CSV、Excel）

我正在嘗試以下內容：

Actions builder = new Actions(driver);
Action mouseOverMenu;

mouseOverMenu = builder.moveToElement(driver.findElement(By.id("ui-id-2"))).build();
mouseOverMenu.perform(); //accessing Enabled menu option

mouseOverMenu = builder.moveToElement(driver.findElement(By.id("ui-id-4"))).build();
mouseOverMenu.perform(); //accessing Downloads submenu option

String jQuerySelector = "$('a#ui-id-6.ui-corner-all')";
WebElement webElement = (WebElement) ((JavascriptExecutor) driver).executeScript("return $(" + jQuerySelector+ ").get(0);");

//click() also did not work
WebElement webElement = (WebElement) ((JavascriptExecutor) driver).executeScript("return $(" + jQuerySelector+ ").click();");

Answer 1

您的 JavaScript function 的點擊是錯誤的。

使用下面的 javascript 語法

executor.executeScript("arguments[0].click();", WebElement);

下面的代碼對我有用：

    Actions builder = new Actions(driver);
    Action mouseOverMenu;

    mouseOverMenu = builder.moveToElement(driver.findElement(By.id("ui-id-2"))).build();
    mouseOverMenu.perform(); //accessing Enabled menu option

    WebDriverWait wait = new WebDriverWait(driver, 30);
    wait.until(ExpectedConditions.visibilityOfElementLocated(By.id("ui-id-4")));
    wait.until(ExpectedConditions.elementToBeClickable(By.id("ui-id-4")));

    mouseOverMenu = builder.moveToElement(driver.findElement(By.id("ui-id-4"))).build();
    mouseOverMenu.perform(); //accessing Downloads submenu option

    WebElement webElement2= driver.findElement(By.cssSelector("a#ui-id-6.ui-corner-all")); // #ui-id-6 is for pdf, #ui-id-7 csv so on
    JavascriptExecutor executor = (JavascriptExecutor)driver;
    executor.executeScript("arguments[0].click();", webElement2);