Can't make it work testing with tabbable mocked about tabbable HOT 7 CLOSED

i.e. module.exports = tabbable; instead of export default tabbable

Remember: Jest requires CJS. It doesn't natively understand ESM.

from tabbable.

@neeco90 Thanks for reaching out! Let's see if we can figure this out.

It looks like you correctly followed the Testing in JSDom topic in the README. If you hadn't, it wouldn't lead to this type of error. It would lead to errors like "your container must have at least one tabbable node in it"

This feels more like an issue with CJS require vs ESM import statements and the fact that Jest doesn't work with ESM. ES modules need to be transpiled to CJS to run under Jest, although tabbable provides both CJS and ESM bundles and, at least in my own projects that use it, doesn't typically have to be configured under Jest's transformIgnorePatterns option.

Sill, it feels like something related to this.

Maybe it's in the way you're importing (or requiring?) tabbable in your actual code since it seems to occur when you run what I'm guessing is RTL's render() function?

from tabbable.

Thanks for the quick answer! I'm just using the FocusTrap component in the modal, I'm not importing tabbable in any place.

I've tried changing the extension to .js but not recognizes jest. I'll keep investigating.

Thanks!

from tabbable.

I've find that the unrecognized jest error is just a misconfiguration for eslint, so it passes disabling eslint. But... now throws "unexpected token export" and can't get where is the error

from tabbable.

Try writing your tabbable mock module using CJS syntax instead of ESM. I think that will fix the issue.

from tabbable.

Thanks a lot @stefcameron ! u was right! I left the final code for others who find something similar

from tabbable.

You're welcome! I'm glad I could help! 🚀

from tabbable.