/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

3 votes99 views2 answers
React focus
Javascript React
2 votes107 views1 answer
Property 'target' does not exist on type 'string' react
Javascript React
0 vote123 views1 answer
React get dynamic window sizes
Javascript React
0 vote104 views1 answer
React native fetch response code
Javascript React
32 votes109 views1 answer
How to use react router
Javascript React
0 vote109 views1 answer
React event for modals
Javascript React
0 vote114 views1 answer
Chinese icon in react native vector icons
Javascript React
5 votes101 views4 answers
React native status bar
Javascript React
0 vote105 views1 answer
Build class component react
Javascript React
0 vote114 views1 answer
React firebase add doc to collection
Javascript React