Mock your React Components for the amazing snapshot testing

/**
 * Function mock component and make string representation
 * @param    {String}   componentName    Name of the Component
 * @param    {Any}      props            properties, which component receives
 * @param    {Boolean}  emoji?           flag to use rocket or not
 * @return   {String}                    string representation of component
 */
function mockComponent (componentName, props, emoji) { [ 'native code' ] }

// using standard jest mocking mechanism
jest.mock('../../../pathToYourComponentWhichShouldBeMocked', () => ({
  Component: (props) => mockComponent('Component', props, true),
}));

import { create } from 'react-test-renderer';
import { mockComponent } from 'jest-react-component-mock';

import { oneMock, secondMock, thirdMock } from '../mocks';
import { DemoComponent } from '../DemoComponent';

jest.mock('../../../components/MyCoolItem', () => ({
  MyCoolItem: (props) => mockComponent('MyCoolItem', props, true),
}));

describe('DemoComponent', () => {
  it('should create simple "DemoComponent"', () => {
    const component = create(
      <DemoComponent
        prop1={oneMock}
        prop2={secondMock}
        prop3={thirdMock}
     />,
    );

    expect(component.toJSON()).toMatchSnapshot();
  });

exports[`should create simple "DemoComponent" component`] = `
<div
  className="DemoClass"
>
  <div
    className="title"
  >
    Your Title:
  </div>
  <div
    className="lol"
  >
    <div
      className="content"
    >
      
  ?
    ≺MyCoolItem
      config={{"id": "113wsdfsdf"}}
      handker={'myHandler'}
    />
  ?
    </div>
  </div>
</div>
`;