【发布时间】：2021-09-18 10:37:11
【问题描述】：
我想测试一个使用AG网格的功能组件，特别是我需要实现对AG网格单元格的点击。对于测试，我使用 react-testing-library。但问题是，单元格节点是不可见的，当我执行screen.debug 时，它没有显示任何与网格单元格相关的 html。
一开始我以为 AG 网格还没有挂载到 dom 上，但是它的其他元素，比如 rows 和 rowGroups 是由选择器找到的，所以可能不是这样。 您能否说明为什么 AG 网格单元不可见以及我应该怎么做才能访问它们？
【问题讨论】：
-
您可能必须等到方法 onGridyReady 被调用。
-
@SteveTomlin，我试过了，但不幸的是没有运气。也许我做错了什么，但是为什么没有等待就显示了网格的其余部分？
-
也许提供一个小密码箱。有时这本身可以帮助暴露问题。或者专门针对这个问题的一个非常小的 github 示例
-
@SteveTomlin，我几乎发布了一个示例组件和测试，但是通过示例模拟打印了所有网格单元。我无权发布原始代码，它也有很多不相关的（虽然现在不太确定）代码。我会考虑提供一个例子。另外，我在测试中实现了等待 ag 网格，完全按照功能组件的官方指南 (ag-grid.com/react-grid/testing) 中的建议，但仍然没有运气。
标签： ag-grid react-testing-library react-functional-component