title: wrapper.find with id in enzyme and jest doesn't find element
body: <p>I'm new to Jest and Enzyme testing, and I would like to know why the find function is not working with id.</p>
  
  <p>//html from react, just the code where is the id increment</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div className="App-body"&gt;
    &lt;div className="changePage"&gt;
      &lt;button className="Selections" onClick={this.decrementPage}&gt;Previous&lt;/button&gt;
      &lt;p className="changePageNumber"&gt;{this.state.page}&lt;/p&gt;
      &lt;button className="Selections" id="increment" onClick={this.incrementPage}&gt;Next&lt;/button&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>//test</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>it('next page', () =&gt; {
    const wrapper = shallow(&lt;Home /&gt;)
    const incrementPage = wrapper.find('#increment')
    incrementPage.simulate('click')
    const countState = wrapper.state().page
    expect(countState).toEqual(2)
  })</code></pre>
  </div>
  </div>
  </p>
  
  <pre><code>Method “simulate” is meant to be run on 1 node. 0 found instead.
  </code></pre>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>25 |   //const text = wrapper.find('p').text()
   26 |   const incrementPage = wrapper.find('#increment')
  &gt; 27|   incrementPage.simulate('click')
      |                 ^                   </code></pre>
  </div>
  </div>
  </p>