因DOM虚拟化导致Selenium无法访问AG Grid数据的问题

一、优先使用AG Grid官方API获取数据（最可靠） #

AG Grid提供了完整的JavaScript API直接操作和提取数据，完全绕过DOM虚拟化限制，这是最稳定的方案：

• 获取所有行数据：通过gridOptions.api.getAllRows()可以直接拿到包含所有行数据的数组，无需依赖DOM渲染。在Selenium中执行如下代码：

# Python示例
all_rows = driver.execute_script("return gridOptions.api.getAllRows();")
# 提取特定字段，比如'name'列
row_names = [row['data']['name'] for row in all_rows]

• 获取指定行/列数据：如果只需要某一行，可用api.getRowNode(rowId)或者api.getModel().getRow(index)定位，再提取数据：

// 在Selenium中执行的JS脚本示例
return gridOptions.api.getRowNode('row-id-123').data;

注意：要确保能正确获取到gridOptions实例，通常可以通过页面全局变量、组件实例（比如React/Vue中挂载到window的对象）或者AG Grid的gridReady事件回调获取。

二、测试环境中禁用DOM虚拟化 #

如果测试数据集规模不大，可以直接禁用AG Grid的行虚拟化特性，让所有行都渲染到DOM中：

• 在AG Grid的配置中设置：

gridOptions = {
  suppressRowVirtualization: true, // 禁用行虚拟化
  pagination: false, // 关闭分页（如果开启了的话）
  virtualPaging: false
}

这种方式适合小数据集测试，避免滚动操作带来的不稳定，但大数据量可能导致页面性能问题。

三、使用API控制滚动到目标行（需操作DOM时） #

如果必须与DOM元素交互（比如点击某行按钮），不要手动模拟滚动，而是用AG Grid的API精准定位到目标行：

• 使用api.ensureIndexVisible(index)确保指定索引的行被渲染到DOM中：

# Python示例：滚动到第100行并点击该行的按钮
driver.execute_script("gridOptions.api.ensureIndexVisible(99);") # 索引从0开始
row_element = driver.find_element(By.CSS_SELECTOR, f"div[row-index='99'] .action-button")
row_element.click()

这种方式比手动滚动更可靠，因为AG Grid的API会自动处理滚动到正确位置并确保行渲染。

四、最佳实践 #

• 始终优先使用AG Grid API而非直接操作DOM，DOM结构可能随版本变更，API则更稳定；
• 等待AG Grid初始化完成：在执行操作前，等待gridReady事件触发，或者通过api.isGridReady()确认；
• 处理异步加载数据：如果数据是异步获取的，等待api.addEventListener('rowDataChanged', callback)事件，确保数据加载完成后再操作；
• 避免依赖行的DOM选择器（比如row-index属性），尽量用API定位后再关联DOM元素。

内容的提问来源于stack exchange，提问作者Avishkar Gautam