@types/react-test-renderer

Rendering React components to JSON

This feature allows you to render a React component and convert it to a JSON representation, which can be used for snapshot testing or analyzing the component's structure.

import TestRenderer from 'react-test-renderer';
import MyComponent from './MyComponent';

const testRenderer = TestRenderer.create(<MyComponent />);
const testInstance = testRenderer.toJSON();
console.log(testInstance);

Inspecting the output

This feature enables you to inspect the output of the rendered component, such as finding elements by type or props and checking their properties.

import TestRenderer from 'react-test-renderer';
import MyComponent from './MyComponent';

const testRenderer = TestRenderer.create(<MyComponent />);
const testInstance = testRenderer.root;
console.log(testInstance.findByType('button').props);

Updating the state and props of the component

This feature allows you to update the state and props of the component within the test renderer environment, enabling you to test the component's behavior in response to state and prop changes.

import TestRenderer from 'react-test-renderer';
import MyComponent from './MyComponent';

const testRenderer = TestRenderer.create(<MyComponent />);
const testInstance = testRenderer.root;
testInstance.findByType(MyComponent).instance.setState({ someState: 'new value' });
testRenderer.update(<MyComponent someProp='new value' />);