Unable to render component from jest about react-simplemde-editor HOT 4 CLOSED

Try to use mount if you use an enzyme for testing.
This module heavily relies on Web API and DOM elements itself, since it's just a wrapper around simplemde editor which is not using any library such as React but pure JS to control stuff.
So it may be a tricky thing to make it run in a the unit test environment.
You can test it easily using cypress which is an amazing tool for e2e testing IN the browser itself.

If anyone can give more insights, will be glad.

from react-simplemde-editor.

I forgot to mention that you would need to have jsdom for it to be tested I think.

from react-simplemde-editor.

I'm having this issue as well. And I think I can elaborate a little bit.
I have a wrapper component for the editor. Testing this wrapper component with enzyme seems to work just fine.

But then I use this wrapper component inside of other components. Testing those with enzyme causes the same errors above.

Edit: After messing around a bit, it looks like it might be possible to get around this issue by using react ref's for editorEl and grabbing editorToolbar through that ref. Also, adding a null check in componentWillUnmount()
addEvents = () => { this.editorEl = this.elementWrapperRef; this.editorToolbarEl = this.elementWrapperRef.getElementsByClassName("editor-toolbar")[0]; ...

componentWillUnmount() { if (!isNullOrUndefined(this.editorEl)) { this.removeEvents(); } }

from react-simplemde-editor.

I'll deploy in a minute a new version with the fix of @etlas hope it will help.

from react-simplemde-editor.