# react-test-renderer-tree-to-json

> Convert React Test Renderer tree to a format compatible with Jest snapshot testing.

Latest version **1.0.2** (published 2020-07-31) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-test-renderer-tree-to-json
pnpm add react-test-renderer-tree-to-json
yarn add react-test-renderer-tree-to-json
bun add react-test-renderer-tree-to-json
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; no vulnerabilities; high quality score.

Warnings: low downloads; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.2 |
| Published | 2020-07-31 |
| First published | 2019-03-04 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 6.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Author | Yukimasa Funaoka |
| Maintainers | mochiya98 |
| Keywords | enzyme, jest, snapshot, wrapper, pretty-format, convert, testing, unit, test, react, react-test-renderer |

## Links

- npm: https://www.npmjs.com/package/react-test-renderer-tree-to-json
- Repository: https://github.com/mochiya98/react-test-renderer-tree-to-json
- Issues: https://github.com/mochiya98/react-test-renderer-tree-to-json/issues
- npm.io page: https://npm.io/package/react-test-renderer-tree-to-json

## Alternatives

- [duck](https://npm.io/package/duck.md) — 4.2M weekly downloads
- [ava](https://npm.io/package/ava.md) — 560.2K weekly downloads
- [storybook-addon-module-mock](https://npm.io/package/storybook-addon-module-mock.md) — 71.7K weekly downloads
- [vest](https://npm.io/package/vest.md) — 50.1K weekly downloads
- [@ethereum-waffle/mock-contract](https://npm.io/package/@ethereum-waffle/mock-contract.md) — 40.0K weekly downloads

## Recent versions

- 1.0.2 (latest) — 2020-07-31
- 1.0.1 — 2019-03-04
- 1.0.0 — 2019-03-04

## README

# react-test-renderer-tree-to-json

[![Build Status](https://img.shields.io/travis/mochiya98/react-test-renderer-tree-to-json.svg?branch=master&style=flat-square)](https://travis-ci.org/mochiya98/react-test-renderer-tree-to-json) [![Coverage Status](https://img.shields.io/coveralls/github/mochiya98/react-test-renderer-tree-to-json.svg?style=flat-square)](https://coveralls.io/github/mochiya98/react-test-renderer-tree-to-json?branch=master)  
[![npm Version](https://img.shields.io/npm/v/react-test-renderer-tree-to-json.svg?style=flat-square)](https://www.npmjs.com/package/react-test-renderer-tree-to-json) [![License](https://img.shields.io/npm/l/react-test-renderer-tree-to-json.svg?style=flat-square)](https://www.npmjs.com/package/react-test-renderer-tree-to-json) [![Downloads](https://img.shields.io/npm/dm/react-test-renderer-tree-to-json.svg?style=flat-square)](https://npm-stat.com/charts.html?package=react-test-renderer-tree-to-json)

Convert [React Test Renderer](https://reactjs.org/docs/test-renderer.html) tree to a format compatible with [Jest snapshot testing](https://facebook.github.io/jest/docs/tutorial-react.html#snapshot-testing).  
This is similar to [enzyme-to-json](https://github.com/adriantoine/enzyme-to-json).

# Install

```console
$ npm i -D react-test-renderer-tree-to-json
```

# Usage

Only for full rendering without key props.

```jsx
import React from "react";

import TestRenderer from "react-test-renderer";
import { treeToJSON } from "react-test-renderer-tree-to-json";

import { mount } from "enzyme";
import toJson from "enzyme-to-json";

const Hoge = () => <div />;

it("snapshot", () => {
  const renderer = TestRenderer.create(<Hoge />);
  const tree = renderer.toTree();
  expect(treeToJSON(tree)).toMatchSnapshot();
  // similar to
  const wrapper = mount(<Hoge />);
  expect(toJson(wrapper, { noKey: true })).toMatchSnapshot();
});
/*-----------------------
exports[`snapshot 1`] = `
<Hoge>
  <div />
</Hoge>
`; 
-----------------------*/
```

---
_Source: https://npm.io/package/react-test-renderer-tree-to-json · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
