AG Grid：等待动画完成

Question

我们有一个 Playwright 测试套件来测试我们的 Angular 应用程序。在某些页面上，我们有 AG-Grid 网格，并且测试在 AG-Grid 上进行操作和断言，但是我们面临着一些不稳定因素，据我所知，这是由于动画（例如展开行）可能导致其他要关闭的元素。因此，当页面加载并且我们等待加载指示器消失时，测试将立即开始与网格交互。我们有两种情况，测试似乎表现得太快：

1. 单击页面大小选择器太快会使其再次关闭
2. 将鼠标悬停在单元格上查看工具提示将使工具提示消失

简单的方法是添加延迟，但我想尽可能避免任意延迟，而是对 DOM 中的更改做出反应。 因此，我想知道是否有一种方法可以判断 AG-Grid 是否已完全加载、渲染和动画？通过观察类还是通过 Grid API 参考？

Answer 1

我建议尝试一下

firstDataRendered

活动。也许您可以在该事件中自己添加一个类来指示事情已完成加载。

firstDataRendered 事件在数据第一次渲染到网格中时触发。它只会被触发一次，与 rowDataUpdated 不同，rowDataUpdated 在每次数据更改时都会触发。

https://ag-grid.com/javascript-data-grid/grid-events/#reference-miscellaneous-firstDataRendered