线程“main”组织中出现异常。openqa。硒。NoSuchElementException：无法定位元素：//*[@id='login-email']

Question

我不得不重新测试xpath，以前它工作正常，但现在它给我一个错误。

我也尝试了不同的定位器，比如id、name。但仍然会得到相同的错误。

package staging;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.firefox.FirefoxDriver;

public class login {

    public static void main (String[]args){
        System.setProperty("webdriver.gecko.driver","C:\\Program Files\\geckodriver.exe");
        WebDriver driver = new FirefoxDriver();

        //opening the browser
        driver.get("https://staging.keela.co/login");

        //logging
        driver.findElement(By.xpath("//*[@id='login-email']")).sendKeys("[e-mail]");
        driver.findElement(By.xpath("//*[@id='login-password']")).sendKeys("keela");
        driver.findElement(By.xpath("//*[@id='login-form']/div[3]/div/button")).click();       
 }
}

Answer 1

该页面使用js构建元素。所以我建议您使用phantomjs驱动程序。

然后你必须等到元素存在。当页面加载时，您会看到齿轮图标。等到元素加载。并且您也可以使用id而不是xpath，因为您知道您的元素id。

您可以选择要使用的等待类型。显式等待或隐式等待。

这是selenium文档。

和等待的示例代码：

WebElement myDynamicElement = (new WebDriverWait(driver, 10))
  .until(ExpectedConditions.presenceOfElementLocated(By.id("login-email")));

或者您可以等到页面加载：

new WebDriverWait(firefoxDriver, pageLoadTimeout).until(
          webDriver -> ((JavascriptExecutor) webDriver).executeScript("return document.readyState").equals("complete"));

Answer 2

请尝试以下代码。

注意：如果id属性可用，那么您应该使用id，对于xpath尝试使用相对xpath。

我使用了显式等待方法，因此您的驱动程序可能能够在页面完全加载后找到下一个webelement。

driver.get("https://staging.keela.co/login");
driver.manage().window().maximize();

//Explicit wait for 60 seconds, to find the webelement. You can increase or decrease the time as per your specification.        
new WebDriverWait(driver, 60).until(ExpectedConditions.elementToBeClickable(driver.findElement(By.id("login-email"))));
driver.findElement(By.id("login-email")).sendKeys("[e-mail]");
driver.findElement(By.id("login-password")).sendKeys("keela");
driver.findElement(By.xpath("//button[@type='submit'][text()='Log in']")).click();

Answer 3

访问url时https://staging.keela.co/login有一个Ajax加载器会阻塞UI，因此我们必须等待Ajax加载器完成所有WebElement的加载，然后电子邮件和密码字段就会显示出来。为了实现这一点，我们将在电子邮件字段中引入显式的Web驱动程序，即将预期条件设置为可访问的元素。以下是工作代码块：

System.setProperty("webdriver.gecko.driver","C:\\Utility\\BrowserDrivers\\geckodriver.exe");
WebDriver driver = new FirefoxDriver();
driver.get("https://staging.keela.co/login");
WebDriverWait wait = new WebDriverWait (driver, 15);
WebElement element = wait.until(ExpectedConditions.elementToBeClickable(By.xpath("//input[@id='login-email']")));
element.sendKeys("[e-mail]");
driver.findElement(By.xpath("//input[@id='login-password']")).sendKeys("keela");
driver.findElement(By.xpath("//button[@class='btn btn-sm btn-block btn-primary']")).click();