History

Andrew Clark 34aa5cfe0d Update local package.jsons for 18		2022-03-29 12:07:33 -04:00
..
npm	Remove Node shallow builds (#18157 )	2020-02-27 14:11:40 -08:00
src	Allow updating dehydrated root at lower priority without forcing client render (#24082 )	2022-03-20 16:18:51 -04:00
README.md	Update outdated links and fix two broken links (#19985 )	2020-10-09 02:56:30 +01:00
index.js	Convert the rest of react-dom and react-test-renderer to Named Exports (#18145 )	2020-02-26 18:04:32 -08:00
package.json	Update local package.jsons for 18	2022-03-29 12:07:33 -04:00
shallow.js	Replace ReactShallowRenderer with a dependency (#18144 )	2020-02-27 18:10:25 +00:00

README.md

`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://jestjs.io/blog/2016/07/27/jest-14.html.