/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

0 vote232 views1 answer
Webpack react proxy not working
Javascript React
2 votes245 views4 answers
Update react
Javascript React
-1 vote220 views1 answer
React native list view
Javascript React
0 vote200 views1 answer
Divide string in lines react native max width
Javascript React
0 vote208 views1 answer
React infinte scroll
Javascript React
0 vote207 views1 answer
Circle button react native
Javascript React
0 vote212 views1 answer
Icomoon react native
Javascript React
0 vote166 views3 answers
How to use keyextractor in flatlist react native
Javascript React
6 votes222 views1 answer
What is key in react
Javascript React
0 vote207 views1 answer
Text inside an image component react native
Javascript React