Modals cannot be tested with React's TestUtil

react-modal is acting outside of the purview of any of React’s test utilities.

renderedModal.getDomNode()
// => <noscript data-reactid=".0"></noscript>

React.scryRenderedDOMComponentsWithClass(renderedModal, "my-modal-class");
// => []

I see there are some work arounds that were developed circa React 0.12 but I can’t figure out why that is necessary. If I was guessing I would say that this has to do with how you mount to the DOM to properly apply the overlay. If this is true, maybe a small wrapper around those helpers as a part of the release would be a helpful thing for us app devs who want to write lots of tests 😃

https://github.com/rackt/react-modal/blob/master/specs/helper.js

[oliversong]

Bump. We’re currently struggling this as well. Has anyone figured out a reasonable pattern for testing with enzyme?

[dy-dx]

This blog post has some examples for testing react-modal with enzyme: http://remarkablemark.org/blog/2017/05/17/testing-react-modal/