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

Files

T

Andrew Clark d0eaf78293 Move priorities to separate import to break cycle (#21060 )

The event priority constants exports by the reconciler package are
meant to be used by the reconciler (host config) itself. So it doesn't
make sense to export them from a module that requires them.

To break the cycle, we can move them to a separate module and import
that. This looks like a "deep import" of an internal module, which we
try to avoid, but conceptually these are part of the public interface
of the reconciler module. So, no different than importing from the main
`react-reconciler`.

We do need to be careful about not mixing these types of imports with
implementation details. Those are the ones to really avoid.

An unintended benefit of the reconciler fork infra is that it makes
deep imports harder. Any module that we treat as "public", like this
one, needs to account for the `enableNewReconciler` flag and forward
to the correct implementation.

2021-03-23 13:57:28 -07:00

npm

Remove Node shallow builds (#18157 )

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

src

Move priorities to separate import to break cycle (#21060 )

2021-03-23 13:57:28 -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

Fixed invalid DevTools work tags (#20362 )

2020-12-01 10:33:32 -05:00

README.md

Update outdated links and fix two broken links (#19985 )

2020-10-09 02:56:30 +01: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.