Tests failing with Jest [ReferenceError: ResizeObserver is not defined]

[afucher]

Hey, I was using headlessui version 1.6.0 and after update to the latest one (1.7.13) my tests started to failing with:

ReferenceError: ResizeObserver is not defined

I saw in the tests from headlessui that they have this code to make the tests work:

global.ResizeObserver = class FakeResizeObserver {
  observe() {}
  disconnect() {}
}

But, when I add this, my tests still fail. Seems that the Dialog that I have in my screen do not open. They open when I run my app, but I think this Fake implementation is not allows the dialog to be displayed.

Any tips about how to solve this?

[afucher]

Actually the code snippet for the Fake resize was working fine, the issue is that I was using waitForElementToBeRemoved in my tests, and now with the mock it does not require it anymore since it is mocked and seems to hide instantly.