title: How to select nodes for Enzyme testing when class names are not static?
body: <p>I would like to test the following component using Enzyme:</p>
  
  <pre><code>export class Header extends React.Component {
      render() {
          const { classes, numOrders } = this.props;
  
          return (
              &lt;header&gt;
                  &lt;div className={classes.numOrders}&gt;
                      {numOrders}
                  &lt;/div&gt;
                  ...
              &lt;/header&gt;
          );
      }
  }
  </code></pre>
  
  <p>What's the best way to select the <code>div</code> that's showing the number of orders. Note that the class name is dynamically generated (using JSS), so it's not a good choice. Is there any other reasonable way/best practice for doing this? (I don't want to add CSS #id's on these nodes.)</p>