Mastering React Test-Driven Development

Encapsulating render output to dry up tests

Now, let's wrap up childrenOf so that our helpers "match" what we built in domManipulators. We'll build a render function that will call the shallow renderer, and then we'll build a child function that calls childrenOf on the result of that render. The test code will never need to manipulate the result object directly:

1. In test/shallowHelpers.test.js, change the import to bring in the new function that we're about to build, createShallowRenderer:

import {  createShallowRenderer,  childrenOf} from './shallowHelpers';

2. Add the following describe block to test/shallowHelpers.test.js. This should be outside of the previous describe block, not nested within it. This also defines a new TestComponent component; ...