title: How can I check what children were passed to a react component with enzyme and mocha?
body: <p>Let's say I have the following component instantiations:</p>
  
  <pre><code>&lt;ParentComponentWhichIsTested&gt;
      &lt;Expand trigger={&lt;span&gt;Click me to expand this element&lt;/span&gt;}&gt;
          &lt;ComponentReference1&gt;&lt;/ComponentReference1&gt;
      &lt;/Expand&gt;
  
      &lt;Expand trigger={&lt;span&gt;Click me to expand this element&lt;/span&gt;}&gt;
          &lt;ComponentReference2&gt;&lt;/ComponentReference1&gt;
      &lt;/Expand&gt; 
  &lt;/ParentComponentWhichIsTested&gt;
  </code></pre>
  
  <p>And the render method of <code>Expand</code> looks like this:</p>
  
  <pre><code>//in expand
  render () {
      return (
          &lt;div&gt;
              &lt;ExpandTrigger&gt;{trigger}&lt;/ExpandTrigger&gt;
              &lt;ExpandContent&gt;{this.props.children}&lt;/ExpandContent&gt;
          &lt;/div&gt;
      );
  
  }
  </code></pre>
  
  <p>I want to assert that the type of content component for the first Expand instance was <code>ComponentReference1</code> and that for the second instance it was <code>ComponentReference2</code>.</p>
  
  <pre><code>import { mount } from 'enzyme';
  
  const comp = mount(...ParentComponentWhichIsTested...)
  console.log(comp.props().children); //will be 2, the trigger and content nodes, but I want to see that I actually *sent* a child, not what the component rendered. 
  </code></pre>
  
  <p>How can I check the send children? Am I doing something wrong? </p>
  
  <p>Thanks in advance! </p>