Nuclear Potato Monster

    react-test-renderer
    DefinitelyTyped icon, indicating that this package has TypeScript declarations provided by the separate @types/react-test-renderer package

    18.2.0 • Public • Published

    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.

    Install

    npm i react-test-renderer

    Homepage

    reactjs.org/

    DownloadsWeekly Downloads

    4,883,552

    Version

    18.2.0

    License

    MIT

    Unpacked Size

    1.5 MB

    Total Files

    9

    Last publish

    Collaborators

    • gaearon
    • zpao
    • acdlite
    • gnoff
    • fb
    • trueadm
    • sophiebits
    • lunaruan