Enzyme: When to use shallow, render, or mount?

Question

From the Enzyme docs shallow, render, and mount are described, but when to use which method?

Does this answer your question? [When should you use render and shallow in Enzyme / React tests?](https://stackoverflow.com/questions/38710309/when-should-you-use-render-and-shallow-in-enzyme-react-tests) — Michael Freidgeim, Aug 23 '23 at 22:12

Preview · Answer 1 · 2017-05-25T23:48:32.947

33

shallow

No children rendering
Isolated, you know for sure the error comes from here

render

No lifecycles
Render children
Less APIs (setState, debug...)

mount

Will require jsdom or similar.

Lifecycle methods, like componentDidMount
Render children

If some of your children are connected components, you probably don't want to use mount, or you will need to setup a <Provider> and store creation, which would be a bit painful, just use shallow in this case.

This post is really insightful about the subject.

edited May 25 '17 at 23:48

answered May 20 '17 at 07:06

Preview

35,317
10
92
112

OK, what about props and state? – maasha May 21 '17 at 17:04
1

Works the same, you can use `setState` and `setProps` – Preview May 21 '17 at 17:08
What if you have a property referencing some callback function? – maasha May 22 '17 at 18:19
1

Works the same ;) – Preview May 22 '17 at 18:25

Enzyme: When to use shallow, render, or mount?

1 Answers1

shallow

render

mount

Linked