ngRepeat selenium

处理 AngularJS ng-repeat 元素
当使用 Selenium 进行自动化测试时，遇到由 AngularJS 的 ng-repeat 指令渲染的动态列表是一个常见场景。由于这些元素是在页面加载后通过 JavaScript 动态生成的，因此需要特别注意等待它们完全呈现出来再执行操作。
为了确保能够正确识别并交互带有 ng-repeat 的 DOM 节点，在编写定位表达式时可以利用数据绑定特性。通常情况下，Angular 应用程序会为重复项提供唯一的标识符或可预测的内容模式，这有助于构建更稳定的选择器策略[^1]。
使用显式等待提高稳定性
考虑到 Angular 组件可能异步更新视图结构的特点，建议采用 WebDriver 提供的 WebDriveWait 工具配合 expected_conditions 来实现更加可靠的同步机制：
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

wait = WebDriverWait(driver, timeout=10)

elements = wait.until(
EC.presence_of_all_elements_located((By.CSS_SELECTOR, 'ul.ng-scope>li'))
)
for element in elements:
print(element.text)
登录后复制
这段代码展示了如何设置最长超时期限（此处设为 10 秒），并通过 CSS Selector 查找所有属于特定父级 <ul> 下面具有 .ng-scope 类别的子节点 <li> 。这样的方式不仅提高了脚本运行的成功率，也使得维护成本更低[^2]。
构建高效的选择器
对于基于 ng-repeat 渲染出来的 HTML 片段而言，除了基本标签名称外，还可以考虑加入其他属性作为辅助条件来增强选择器的独特性和准确性。比如，假设存在如下模板定义：
<div ng-controller="MyCtrl">
<table>
<tr ng-repeat="item in items track by $index">
<!-- ... -->
</tr>
</table>
</div>
登录后复制
此时可以选择依据表格行内的某个具体单元格内容来进行过滤：
rows_with_specific_value = driver.find_elements(By.XPATH,
'//tr[contains(@ng-repeat,"items")]'
'[td[text()="预期值"]]')
if rows_with_specific_value:
first_match_row = rows_with_specific_value[0]
# 对找到的第一条记录做进一步处理...
else:
raise Exception("未发现符合条件的数据行")
登录后复制
上述 XPath 表达式的含义是从文档树中寻找包含指定字符串 "预期值" 的 <td> 所属的那一整行 <tr> ，并且该行必须满足其自身的 @ng-repeat 属性含有关键字 "items" 【此部分可根据实际情况调整】。这种方法适用于那些希望精准命中目标对象而不受周围环境变化影响的情形[^3]。