Question: Configuring jsdom for Jest

[jambonrose]

I tried Jest in January of 2016, and have just picked it up for a new React+Redux project (following the strong recommendation in create-react-app). The developer experience is radically different. Congrats on really amazing progress. 👏

I have a question with regards to interacting with jsdom. I'm currently trying to test a React component. The goal is to pass a mocked function and verify that the function is called when an img is loaded. Unfortunately, jsdom does not call onLoad by default. As shown in the jsdom docs and confirmed by @Sebmaster in #1017 I need to change the default value of FetchExternalResources in the jsdom configuration.

I'm trying to avoid re-creating a separate jsdom environment, and would like to access/modify/configure the jsdom environment used by Jest. Is there a way to do this? I suspect this may be related to #2460.

Thanks!

[thymikee]

Currently there's no way to do it. #2460 is related, but there's no guaranty it will be implemented. Although we could add a "jsdomConfig": {} option in configuration, which would allow to do just that. Feel welcome to send a PR on this if you like :).

Related files I can think of:

• https://github.com/facebook/jest/blob/master/packages/jest-environment-jsdom/src/index.js#L29
• whole https://github.com/facebook/jest/blob/master/packages/jest-config

Closing for now.

[cpojer]

I think it makes more sense to expose global.jsdom = jsdom or something like it. Also, require('jsdom') may just work, no? I'd prefer not to add a config option like this, I think adding testURL was a bad design decision on my part early on.

[allenwq]

I'd think global.jsdom = jsdom is a good idea, otherwise it's too inflexible.

anyway we can access jasmine in the global scope already.

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
Please note this issue tracker is not a help forum. We recommend using StackOverflow or our discord channel for questions.