Selenium JUnit表单测试中无法对id=email输入框执行sendKeys()求助

状态排查步骤 #

先执行以下代码确认定位元素的状态，定位时不要用presenceOfElementLocated，该条件仅校验元素存在于DOM中，不校验可见性：

WebElement element = wait.until(ExpectedConditions.visibilityOfElementLocated(By.id("email")));
System.out.println("元素是否可见：" + element.isDisplayed());
System.out.println("元素是否可操作：" + element.isEnabled());
System.out.println("是否存在只读属性：" + element.getAttribute("readonly"));
System.out.println("是否存在禁用属性：" + element.getAttribute("disabled"));

对应解决方案 #

1. 定位到隐藏元素的情况 #

如果isDisplayed返回false，说明页面存在多个id为email的元素，你定位到了隐藏的副本，需要调整定位器增加父元素过滤条件，示例：

// 替换为你实际可见输入框的父元素属性，缩小定位范围
WebElement element = wait.until(ExpectedConditions.visibilityOfElementLocated(By.xpath("//div[contains(@class,'login-form-wrap')]//input[@id='email']")));

2. 元素可见但不在视口/被遮挡的情况 #

先滚动元素到视口中心，再使用elementToBeClickable条件校验后操作：

// 等待元素可点击
WebElement element = wait.until(ExpectedConditions.elementToBeClickable(By.id("email")));
JavascriptExecutor jse = (JavascriptExecutor) driver;
// 滚动到元素居中显示
jse.executeScript("arguments[0].scrollIntoView({block: 'center', inline: 'center'});", element);
Thread.sleep(200);
// 清空原有值后输入
element.clear();
element.sendKeys("prisoner24601@gouvernement.fr");

3. 原生操作无效时使用JS赋值+触发事件 #

如果以上方案都无效，使用JS赋值后需要额外触发前端表单事件，否则React/Vue等框架不会识别到值变更：

WebElement element = wait.until(ExpectedConditions.visibilityOfElementLocated(By.id("email")));
JavascriptExecutor jse = (JavascriptExecutor) driver;
// 滚动到可见
jse.executeScript("arguments[0].scrollIntoView(true);", element);
// 赋值
jse.executeScript("arguments[0].value = 'prisoner24601@gouvernement.fr';", element);
// 触发input和change事件，同步前端状态
jse.executeScript("arguments[0].dispatchEvent(new Event('input', { bubbles: true }));", element);
jse.executeScript("arguments[0].dispatchEvent(new Event('change', { bubbles: true }));", element);

4. 输入框在iframe中的情况 #

如果页面嵌套了iframe放置表单，需要先切换到对应iframe再操作元素：

// 定位表单所在的iframe
WebElement formIframe = driver.findElement(By.xpath("//iframe[contains(@title,'login')]"));
// 切换到iframe
driver.switchTo().frame(formIframe);
// 再执行输入操作
// 操作完成后切回主文档：driver.switchTo().defaultContent();

内容的提问来源于stack exchange，提问作者Leon F. Acero