title: Jest/Enzyme - TypeError: div.find is not a function
body: <p>Below is a a little test file that I made for a React project that is using both Jest and Enzyme for testing. In this test, I'm simply trying to find an element in the component and see that it exists (as a truthy conditional). The whole point of this test wasn't just to see if the element existed, but I figured I'd start here. I'm very new to testing, so this syntax/implementation may be bonkers:</p>
  
  <pre><code>import React from 'react';
  import ReactDOM from 'react-dom';
  
  import Enzyme from 'enzyme';
  import Adapter from 'enzyme-adapter-react-16';
  
  import HamburgerIcon from './HamburgerIcon';
  
  Enzyme.configure({ adapter: new Adapter() });
  
  test('my first test -- will add better text here later', () =&gt; {
    const div = document.createElement('div');
    ReactDOM.render(&lt;HamburgerIcon /&gt;, div);
  
    expect(div.find('.closed').exists()).toBeTruthy();
  
    ReactDOM.unmountComponentAtNode(div);
  });
  </code></pre>
  
  <p>Running this results in this error:</p>
  
  <blockquote>
    <p>TypeError: div.find is not a function</p>
  </blockquote>
  
  <p>I originally built this test after seeing <a href="https://stackoverflow.com/a/47810583/7386637">this Stack Overflow answer</a>.</p>
  
  <p>I'm not sure how to troubleshoot this, but I'm guessing that maybe I haven't properly "mounted" the component in this test? In the same Stack Overflow thread from the previous link, <a href="https://stackoverflow.com/a/54406136/7386637">this answer shows how you would mount a component</a>, but another comment on that answer says that another package needs to be installed in order to do that.</p>
  
  <p>I sort of figured that using the <code>div</code> variable as the container to be searched with <code>find</code> would work, but am I wrong in thinking that?</p>