Mastering React Test-Driven Development

Building a helper function to render with store

Unlike with React Router, with Redux we generally prefer to use full rendering over shallow rendering. We prefer that approach for a couple of reasons:

• Unlike React Router, Redux isn't rendering components, so we don't need to assert that specific Redux components are part of the React component instance graph.
• Redux actions perform a variety of user-defined operations when they are dispatched. We'd like to be able to run them within our tests so that we can assert our interactions. This is different from the Router API, such as the history prop, which has fixed behavior.

To test our components, we need to render each component wrapped in a Provider component, as we saw earlier when we wrote ...