title: How to find a React component inside an element with specific class using enzyme?
body: <p>I am trying to test a React component using Jest and Enzyme. I want to simulate a click event on a Button component which is inside a div with a specific class name. I can't retrieve the Button node.</p>
  
  <p>I have the following markup in my component</p>
  
  <pre><code>&lt;div className="settings"&gt;
      &lt;Button
          onClick={() =&gt; this.toggleSettingsModal(true)}
          buttonStyle={ButtonStyle.Primary}&gt;
          Settings
      &lt;/Button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have tried </p>
  
  <pre><code>const component = shallow(&lt;MyComponent /&gt;);
  component.find(".settings[Button]").simulate("click");
  </code></pre>
  
  <p>I expect to find the Button component, but I get <code>0</code> nodes.</p>