title: How to test useState using enzyme/Jest
body: <pre><code>const Avatar = (props) =&gt; {
    const [hovered, setHovered] = useState('');
    return (
      &lt;div className="user-avatar-wrapper"&gt;
        &lt;div
          className="placeholder"
          onClick={() =&gt; {
            setHovered(true);
          }}
        /&gt;
      &lt;/div&gt;
    )
  }
  </code></pre>
  
  <p>How do I test if <strong>hovered</strong> got changed after simulating click on ".placeholder"?</p>