本文详解在 Selenium WebDriver 中，针对 Angular 应用中带有 ng-binding 类的动态元素（如 list-item-value ng-binding），如何通过 XPath 精准定位并获取其文本内容，避免因 DOM 结构嵌套或绑定延迟导致的定位失败。
本文详解在 selenium webdriver 中，针对 angular 应用中带有 `ng-binding` 类的动态元素（如 `list-item-value ng-binding`），如何通过 xpath 精准定位并获取其文本内容，避免因 dom 结构嵌套或绑定延迟导致的定位失败。
在 Web 自动化测试中，Angular 框架常使用 ng-binding 类动态渲染数据，这类元素往往不直接暴露可预测的 ID 或 name 属性，且父子关系复杂（如 <b></b> 标签与相邻 <div> 并非严格父子，而是同级兄弟结构）。直接通过 <code>By.className("list-item-value ng-binding") 定位极易失败——因为该类名在多个 <div> 上重复出现，无法唯一标识“Last Manual Run”对应的值。<p>此时，<strong>语义化 XPath 是更可靠的选择</strong>。核心思路是：先基于可见文本定位具有业务含义的标签（如 <code><b>Last Manual Run</b>），再利用轴（axis）关系精准跳转到其后紧邻的目标 <div> 元素。<p>推荐使用以下 XPath 表达式：</p>
<pre class="brush:php;toolbar:false;">//b[text()='Last Manual Run']//following::div[1]</pre>
<ul>
<li>
<code>//b[text()='Last Manual Run']：全局查找文本内容完全匹配“Last Manual Run”的 <b></b> 标签；
//following::div[1]：从该 <b></b> 元素出发，沿文档顺序查找其后第一个 <div> 元素（注意：<code>following 轴包含所有后续节点，但 [1] 保证取最近一个，恰好对应目标 <div class="list-item-value ng-binding">）。<p>完整 Java 示例代码如下：</p>
<pre class="brush:php;toolbar:false;">// 等待元素可见（推荐，避免因 Angular 渲染延迟导致 NoSuchElementException）
WebDriverWait wait = new WebDriverWait(driver, Duration.ofSeconds(10));
WebElement lastManualRunValue = wait.until(
ExpectedConditions.visibilityOfElementLocated(
By.xpath("//b[text()='Last Manual Run']//following::div[1]")
)
);
String value = lastManualRunValue.getText().trim();
System.out.println("Last Manual Run: " + value); // 输出：19/06/2023 11:45</pre>
<p>✅ <strong>关键注意事项</strong>： </p>
<ul>
<li>
<strong>勿依赖 <code>className 直接定位：list-item-value ng-binding 在列表中多次出现，不具备唯一性； text() 而非 contains()：text()='Last Manual Run' 确保精确匹配，避免误选“Last Run”等相似项； findElement() 前需等待目标 <div> 可见（<code>visibilityOfElementLocated）； .getText() 返回空字符串？ 检查是否被 CSS 隐藏（display: none / visibility: hidden）或内容实际为空（如示例中 Last run 对应的 <div> 内容为空）；此时可改用 <code>.getAttribute("textContent") 获取原始文本。总结：面对 Angular 动态 DOM，应放弃“静态属性思维”，转向以业务语义（标签文本）为锚点、结合 XPath 轴关系进行精确定位，并辅以显式等待机制，方能稳定、高效地提取目标数据。
