title: React Jest how to test if a span contains some certain text from mount snapshot?
body: <p>I am testing a component that does not have any id for me to be able to select from Jest, my mounted component snapshot will be like</p>
  
  <pre><code>&lt;div id='divHeader'&gt;
      &lt;h2
        className=""
        style={Object {}}
      &gt;
        &lt;span
          className=""
          style={Object {}}
        &gt;
          This is an English text
        &lt;/span&gt;
      &lt;/h2&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So is there any way for me to verify that the text inside my span from the snapshot would contain the world <code>English</code>, something like </p>
  
  <pre><code>widget = mount(&lt;MyComponent {...defaultProp} /&gt;);
  // widget.find('span').text.contains('English')   
  // widget.find('[id="divHeader"]').h2.span.text.contains('English')
  </code></pre>
  
  <p>I am having some trouble in the <code>find</code> here where I know it can find the element by id, but unfortunately I cannot assign any id to my span, and even I can find my div by id, I cannot select its children element like div->h2->span...</p>