React-Virtualized：通过e2e选择器以编程方式访问单元格

Question

是否有通过选择器以编程方式访问单元格的最佳实践？

我试图让e2e测试轻松访问网格。

Answer 1

你是如何渲染网格的？您是否正在使用react-test-renderer或使用ReactTestUtils.renderIntoDocument（）或ReactDOM.render（）之类的直接DOM注入？如果是后者2，我在测试中所做的就是在每个使用如下模式渲染的单元格中添加一个自定义CSS类：

  public static createCustomCellClass(rowIndex: number, columnIndex: number): string
  {
    return `pos-${rowIndex}-${columnIndex}`;
  }

然后，如果我想访问一个单元格的DOM元素，我可以使用像＆＃34; div.pos-12-13＆＃34;获取rowIndex 12和columnIndex 13的单元格。 这对我来说效果很好。 我发现的是因为所有细胞都是绝对定位的，所以进入特定细胞并不是直截了当的。