title: Check class names of nested divs || Ember/Mocha/Chai tests?
body: <p>So I am writing integration tests using Mocha and Chai.
  I am new to tests.</p>
  
  <p>Long story short.</p>
  
  <p>I installed couple Chai jQuery plugins like <em>chai-dom</em> , <em>chai-jq</em> and <em>chai-jquery</em>.</p>
  
  <p>I am running the tests by "<strong><em>ember test --server</em></strong>"</p>
  
  <p>I have a div with a <strong>".navigation"</strong> class.
  This div has three nested divs, each with a unique class.</p>
  
  <p>In my tests, I am checking if the parent div exists:</p>
  
  <p><strong>should.exist('.navigation');</strong></p>
  
  <p>How can I "expect" the other 3 nested divs to have the classes I want?</p>
  
  <p>I want something like:</p>
  
  <p><strong>expect($('.navigation)).children[0].to.have.class('flex1')</strong></p>
  
  <p>OR</p>
  
  <p><strong>expect($('.navigation)).children().to.have.class('flex1, flex2, flex3')</strong></p>
  
  <p>OR</p>
  
  <p><strong>expect($('.navigation)).descendants.to.have.class('flex1, flex2, flex3')</strong></p>
  
  <p>Something like that..?</p>
  
  <p>Same goes to IDs I believe?</p>
  
  <p>Thank you in advance.</p>
  
  <p>Mo.</p>