Java Selenium 元素未附加到页面文档

Question

我正在尝试编写测试：转到 gmail.com 并登录帐户。 我有一个麻烦。这是我的代码

driver.get(gmailUrl);
    WebElement elLogin = driver.findElement(By.cssSelector("input#identifierId"));
    elLogin.sendKeys(gmailLogin);
    WebElement elClick = driver.findElement(By.xpath("//content/span[contains(text(),'Next')]"));
    elClick.click();

    WebElement elPass =      driver.findElement(By.cssSelector("input.whsOnd.zHQkBf"));
    //String pass = elPass.getTagName();
    //System.out.println(pass);
    //WebDriverWait wait = new WebDriverWait(driver, 5);
    Thread.sleep(2000);
    elPass.sendKeys(gmailPassword);

我收到错误消息“元素未附加到页面文档” 如果有人可以运行我的代码并告诉我我的错误在哪里，我将不胜感激。

Answer 1

我认为您对密码输入元素的选择不好。如果我打开 gmail.com，分配给该元素的类是“rFrNMe KSczvd BlbNGe zKHdkd sdJrJc Tyc9J”。似乎这些类是由谷歌用作该站点的后端框架的任何动态创建的。

所以你应该找到一个更好的 CSS 选择器来识别密码元素。我这里没有Java环境，所以只能提示（不保证成功）：

    WebElement elPass = driver.findElement(
         By.cssSelector("#password input"));

这将选择 id = 密码的元素中的第一个输入元素。 CSS 选择器中的空格表示查找具有给定 id 的元素下方的输入元素。你也可以写"div[id=password] input"，它更具体一点，因为你现在请求id = password的元素是div类型。

查看https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS/Selectors

Answer 2

您的定位器没有任何问题，在您的代码稍作更改后，我设法使用它们登录。

“元素未附加到页面文档”也称为 StaleElementReference 异常意味着虽然找到了该元素，但在您想要与之交互的那一刻它不再附加到 DOM。主要原因是页面（部分）刷新。

当您将 Thread.Sleep 移回一行时，在带有 "WebElement elPass = ....." 的行之前，您的代码将等待页面的该部分被刷新，然后再搜索密码字段和 Selenium与此密码字段交互将不再有问题。

在这里找到我测试成功的代码解决方案：

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.support.ui.ExpectedConditions;
import org.openqa.selenium.support.ui.WebDriverWait;

public class Question49574195
{
    public static void main(String[] args) throws InterruptedException 
  {
    System.setProperty("webdriver.chrome.driver", "c:/chromedriver.exe");
    WebDriver driver = new ChromeDriver();
    driver.manage().window().maximize();
    driver.get("https://mail.google.com/mail");
    WebElement elLogin = driver.findElement(By.cssSelector("input#identifierId"));
    elLogin.sendKeys("youremailadress");
    WebElement elClick = driver.findElement(By.xpath("//content/span[contains(text(),'Next')]"));
    elClick.click();
    Thread.sleep(3000);
    WebElement elPass = (driver.findElement(By.cssSelector("input.whsOnd.zHQkBf")));
    elPass.sendKeys("yourpassword");
    WebDriverWait wait = new WebDriverWait(driver, 15);
    WebElement next = wait.until(ExpectedConditions.visibilityOfElementLocated(By.xpath("//content/span[contains(text(),'Next')]")));
    next.click();
}}