mirror of https://github.com/facebook/react.git synced 2025-11-01 09:12:30 +00:00

Files

T

Andrew Clark aa8266c4f7 Prepare placeholders before timing out (#13092 )

* Prepare placeholders before timing out

While a tree is suspended, prepare for the timeout by pre-rendering the
placeholder state.

This simplifies the implementation a bit because every render now
results in a completed tree.

* Suspend inside an already timed out Placeholder

A component should be able to suspend inside an already timed out
placeholder. The time at which the placeholder committed is used as 
the start time for a subsequent suspend.

So, if a placeholder times out after 3 seconds, and an inner
placeholder has a threshold of 2 seconds, the inner placeholder will
not time out until 5 seconds total have elapsed.

2018-07-03 19:22:41 -07:00

npm

Use Yarn Workspaces (#11252 )

2017-10-19 00:22:21 +01:00

src

Prepare placeholders before timing out (#13092 )

2018-07-03 19:22:41 -07:00

index.js

react-test-renderer: convert vars into let/const (#11731 )

2017-12-01 00:01:45 +00:00

package.json

Remove transitive dependency on fbjs (#13075 )

2018-06-19 17:52:37 +01:00

README.md

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

2018-03-03 22:25:29 -05:00

shallow.js

react-test-renderer: convert vars into let/const (#11731 )

2017-12-01 00:01:45 +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.