title: Testing React component props handlers
body: <p>I have a component that uses multiple components:</p>
  <pre><code>class MyTable: Component {
    render() {
      return (&lt;&gt;&lt;/&gt;);
    }
  }
  
  class MyContainer: Component&lt;Props&gt; {
  ...
    handleSomething = () =&gt; {};
    handleChange = () =&gt; {};
  ...
    render() {
      return (
        &lt;&gt;
          &lt;MyTable items={items} onSomething={handleSomthing} /&gt;
          &lt;select onChange={handleChange}&gt;
            &lt;option value=&quot;1&quot;&gt;One&lt;/option&gt;
          &lt;/select&gt;
        &lt;/&gt;
  );
    }
  }
  </code></pre>
  <p>My component contains 2 handlers that encapsulate some logic.</p>
  <p>What is the proper way to test this logic?
  I see 2 options:</p>
  <ol>
  <li>use enzyme shallow to test MyComponent, MyTable separately (move select to a separate component and test it in the same way)</li>
  <li>Use enzyme mount and test it integrated</li>
  </ol>