Text Field fails on Jest snapshot test, with error Cannot read property 'scrollHeight' of null

[tomrbowden]

Text Field fails on Jest snapshot test, with error Cannot read property 'scrollHeight' of null

Link to test project on Github

Versions

• Material-UI: 0.16.1
• React: 15.3.2
• Browser: Jest 16.0.2

Comment

I am trying to render a Jest snapshot of a component that includes a Material UI Text Field, and I encountered this error. I've included a link above to a repo which reproduces this problem. Any help you could provide is greatly appreciated. Thank you.

[lucasbento]

Hey @tomrbowden, thanks for opening an issue about this.

This is actually not a problem with Jest nor Material UI itself, if you check the code on EnhancedTextarea.js you will see that it uses ref, which is not possible to render through react-test-renderer.

This detailed issue comment explains what is happening and a possible workaround for it, I guess it will also be fixed on React 0.14.

[tomrbowden]

@lucasbento Thanks very much for the feedback and potential workarounds. It may be best for me to wait for React 0.14 to be released.

[lucasbento]

@tomrbowden: awesome, let me know how that worked out.

I'll close this for now.