/Javascript/React/Shallow render in react

Shallow render in react

import ShallowRenderer from 'react-test-renderer/shallow';

// in your test:
const renderer = new ShallowRenderer();
renderer.render(<MyComponent />);
const result = renderer.getRenderOutput();

expect(result.type).toBe('div');
expect(result.props.children).toEqual([
  <span className="heading">Title</span>,
  <Subcomponent foo="bar" />
]);

Source: reactjs.org

Similar codes

2 votes158 views2 answers
React 17
Javascript React
0 vote133 views2 answers
React router how to send data
Javascript React
0 vote172 views1 answer
How to make back button react
Javascript React
3 votes143 views1 answer
React export
Javascript React
3 votes147 views1 answer
React parameter value from query string
Javascript React
1 vote176 views1 answer
React native paper text input
Javascript React
0 vote140 views1 answer
Use font awesome in react native
Javascript React
0 vote177 views1 answer
How to pass an id to the route of a seprate file react
Javascript React
0 vote148 views1 answer
React Liked Component
Javascript React
0 vote174 views1 answer
Button click open external link react
Javascript React