title: Mock with jest causes warnings: correct casing, tag is unrecognized and unknown properties
body: <p>I have <code>AccountSelection</code>, that renders <code>AccountSelectionModal</code>.</p>
  
  <p>I want to do <code>mount</code> in order to test some aspects of the user interaction:</p>
  
  <p><code>const wrapper = mount(&lt;AccountSelection {...accountSelectionComponentParams} /&gt;);</code></p>
  
  <p>However I would like to mock <code>AccountSelectionModal</code> - I don't need it (and it is also connected component and I don't want to use store in my tests).</p>
  
  <p>When I mock it with <code>jest.mock('../AccountSelectionModal', () =&gt; 'AccountSelectionModal');</code></p>
  
  <p>I start to get plenty of warnings:</p>
  
  <pre><code>Warning: &lt;AccountSelectionModal /&gt; is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements.
      console.error node_modules\fbjs\lib\warning.js:33
  </code></pre>
  
  <p>and </p>
  
  <pre><code>Warning: The tag &lt;AccountSelectionModal&gt; is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.
  </code></pre>
  
  <p>or</p>
  
  <pre><code>Warning: Unknown event handler property `onHide`. It will be ignored.
  </code></pre>
  
  <p>or </p>
  
  <pre><code>React does not recognize the `selectedAccountId` prop on a DOM element. If you intentionally want it to appear in the DOM as
  a custom attribute, spell it as lowercase `selectedaccountid` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
  </code></pre>
  
  <p>All warnings come from props that are set on <code>AccountSelectionModal</code>.</p>
  
  <p>How can I mock properly <code>AccountSelectionModal</code></p>