cypressでのError: ResizeObserver loop limit exceededの対処方法

cypressで下記のようなエラーが起きた際の対応方法を紹介します。

(uncaught exception) Error: ResizeObserver loop limit exceeded

The following error originated from your application code, not from Cypress.

  > ResizeObserver loop limit exceeded

When Cypress detects uncaught errors originating from your application it will automatically fail the current test.

This behavior is configurable, and you can choose to turn this off by listening to the uncaught:exception event.Learn more

このエラー自体は、あるフレームにて全て観測できない場合に起きるもので、あり、サイト自体に問題はなく、スキップしても良いエラーになります。

そこで、対応方法としては、cypress/support/index.jsに下記のようなコードを記載して、エラーをスキップすること対応ができます。

const resizeObserverLoopErrRe = /^[^(ResizeObserver loop limit exceeded)]/
Cypress.on('uncaught:exception', (err) => {
    /* returning false here prevents Cypress from failing the test */
    if (resizeObserverLoopErrRe.test(err.message)) {
        return false
    }
})

参考: ResizeObserver - loop limit exceeded

参考: ResizeObserver loop limit exceeded #2233