代码之家  ›  专栏  ›  技术社区  ›  Lee Goddard

React虚拟化:通过e2e选择器以编程方式访问单元

  •  0
  • Lee Goddard  · 技术社区  · 8 年前

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

    我正在尝试允许e2e测试轻松访问网格。

    1 回复  |  直到 8 年前
        1
  •  1
  •   Pete Moss    8 年前

    如何渲染网格?您使用的是react测试渲染器还是使用reactestutils之类的直接DOM注入。renderIntoDocument()或ReactDOM。render()?如果是后2种情况,我在测试中所做的就是在每个单元格中添加一个自定义CSS类,呈现的模式如下:

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

    然后,如果我想访问某个单元格的DOM元素,我可以使用像“div.pos-12-13”这样的选择器来获取行索引12和列索引13处的单元格。 这对我很有效。 我发现,因为所有的细胞都是绝对定位的,所以要找到一个特定的细胞并不容易。

    推荐文章