如何忽略TestCafe中的“超出ResizeObserver循环限制”

我目前正在使用 TestCafe 进行一些 e2e 测试。我遇到了以下错误

   1) - Error in Role initializer -
      A JavaScript error occurred on "http://localhost:3000/".
      Repeat test actions in the browser and check the console for errors.
      If you see this error, it means that the tested website caused it. You can fix it or disable tracking JavaScript errors in TestCafe. To do the latter, enable the "--skip-js-errors" option.
      If this error does not occur, please write a new issue at:
      "https://github.com/DevExpress/testcafe/issues/new?template=bug-report.md".
      
      JavaScript error details:
      ResizeObserver loop limit exceeded
          No stack trace available

一些研究表明ResizeObserver loop limit exceeded问题是良性错误 https://stackoverflow.com/a/50387233/1596288.

但是，这导致我的测试失败。有什么方法可以在不使用的情况下忽略这个特定错误--skip-js-errors标志，因为我不想因为这一问题而忽略所有 JavaScript 错误

据我了解，此错误发生在ResizeObserver无法在单个动画帧内提供所有观察结果。该书的作者ResizeObserver规范确保可以安全地忽略它：超出 ResizeObserver 循环限制 https://stackoverflow.com/questions/49384120/resizeobserver-loop-limit-exceeded#comment86691361_49384120

Chrome 和 Firefox 默认情况下不显示它。只有当你设置显式的时候你才能捕获它onerror处理程序：

window.onerror = e => console.log(e);

您可以看到此错误在没有 TestCafe 的 Google 登录页面上重现。我添加了一个onerror处理程序到页面并得到ResizeObserver loop completed with undelivered notifications.在火狐和ResizeObserver loop limit exceeded在 Chrome 中。

作为解决方法，您可以指定--skip-js-errors启动 TestCafe 时标记。我承认这不是最好的方法，因为您将抑制测试页面上的所有 Javascript 错误。

更可靠的方法是在测试中显式添加全局窗口错误处理程序客户端脚本 https://devexpress.github.io/testcafe/documentation/using-testcafe/common-concepts/inject-scripts-into-tested-pages.html:

import { Selector, t } from 'testcafe';

// Constants
const gmailEmailInput       = Selector("#identifierId");
const gmailNextButton       = Selector(".CwaK9");
const gmailPasswordInput    = Selector("input[type='password']");

const explicitErrorHandler = () => {
    window.addEventListener('error', e => {
        if(e.message === 'ResizeObserver loop completed with undelivered notifications.' || 
            e.message === 'ResizeObserver loop limit exceeded') {
            e.stopImmediatePropagation();
        }
    })
}

fixture("Gmail login test")
    .clientScripts({ content: `(${explicitErrorHandler.toString()})()` });

test("Not trigger JS error when logging in to Gmail", async testController => {
    await testController
        .navigateTo("https://mail.google.com")
        .typeText(gmailEmailInput, "[email protected] /cdn-cgi/l/email-protection")
        .click(gmailNextButton)
        .typeText(gmailPasswordInput, "password")
});

我复制粘贴了解决方法here https://github.com/DevExpress/testcafe/issues/4857#issuecomment-598775956.