mirror of
https://github.com/facebook/react.git
synced 2025-11-01 09:12:30 +00:00
e4e58343e4
The `yield` method isn't tied to any specific root. Putting this on the main export enables test components that are not within scope to yield even if they don't have access to the currently rendering root instance. This follows the pattern established by ReactNoop. Added a `clearYields` method, too, for reading values that were yielded out of band. This is also based on ReactNoop.
react-test-renderer
This package provides an experimental React renderer that can be used to render React components to pure JavaScript objects, without depending on the DOM or a native mobile environment.
Essentially, this package makes it easy to grab a snapshot of the "DOM tree" rendered by a React DOM or React Native component without using a browser or jsdom.
Documentation:
https://reactjs.org/docs/test-renderer.html
Usage:
const ReactTestRenderer = require('react-test-renderer');
const renderer = ReactTestRenderer.create(
<Link page="https://www.facebook.com/">Facebook</Link>
);
console.log(renderer.toJSON());
// { type: 'a',
// props: { href: 'https://www.facebook.com/' },
// children: [ 'Facebook' ] }
You can also use Jest's snapshot testing feature to automatically save a copy of the JSON tree to a file and check in your tests that it hasn't changed: https://facebook.github.io/jest/blog/2016/07/27/jest-14.html.