如何等到 TestCafe 中的角度执行？

Question

我想在应用程序中执行一些操作后等待角度进入稳定状态。 我发现 angular 有window.getAllAngularTestabilities()和 isStable function()

我使用 TestCafe Client Function 来使用它，但 TestCafe 无法识别此属性。

你知道如何处理吗？

Answer 1

我想你可以查看https://github.com/DevExpress/testcafe-angular-selectors存储库。 它具有等待 Angular 的内置机制

Answer 2

ClientFunction代码可以在页面上的所有其他脚本之前执行。 在这种情况下，Angular 可能没有足够的时间来完成初始化。 尝试为您的页面使用以下代码：

const delay = ms => new Promise(r => setTimeout(r, ms));

const isAngularStable = ClientFunction(() => {
   if(!window.getAllAngularTestabilities)
       return false;
   
   return window.getAllAngularTestabilities().every(x => x.isStable());
});

const waitUntilAngularIsStable = async () => {
   while(!await isAngularStable())
       await delay(500); 
};

test('Test', async t => {
   await waitUntilAngularIsStable();
   // ...
});