mirror of https://github.com/facebook/react.git synced 2026-02-24 04:33:04 +00:00

Files

Andrew Clark e7b255341b Internal act: Flush timers at end of scope (#19788 )

If there are any suspended fallbacks at the end of the `act` scope,
force them to display by running the pending timers (i.e. `setTimeout`).

The public implementation of `act` achieves the same behavior with an
extra check in the work loop (`shouldForceFlushFallbacks`). Since our
internal `act` needs to work in both development and production, without
additional runtime checks, we instead rely on Jest's mock timers.

This doesn't not affect refresh transitions, which are meant to delay
indefinitely, because in that case we exit the work loop without
posting a timer.

2020-09-08 21:55:23 -07:00

npm

Remove Node shallow builds (#18157 )

2020-02-27 14:11:40 -08:00

src

Internal act: Flush timers at end of scope (#19788 )

2020-09-08 21:55:23 -07: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

Remove resolutions from test renderer package.json (#19577 )

2020-08-10 20:45:12 +01:00

README.md

added link to reactjs docs for test renderer (#12293 )

2018-03-03 22:25:29 -05: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://facebook.github.io/jest/blog/2016/07/27/jest-14.html.