title: Enzyme check checkbox status
body: <p>I have following example component</p>
  
  <pre><code>export default class Header extends Component{
  
  render(){
    let activeStyle   = {"backgroundColor": "green"};
    let inActiveStyle = {"backgroundColor": "red"};
    return(
      &lt;div className="profile-header" style={(this.props.active)?
        activeStyle:inActiveStyle}&gt;
        &lt;input type="checkbox" checked={this.props.active} readOnly/&gt;
    &lt;/div&gt;
   );
  }
  }
  </code></pre>
  
  <p>Using Enzyme and chai I would like to assert, that for </p>
  
  <pre><code>this.props.active = true 
  </code></pre>
  
  <p>The backgroundColor is green and the checkbox is checked.</p>
  
  <p>Here's my test case </p>
  
  <pre><code>describe('&lt;Header /&gt;', () =&gt; {
    it('valid component', () =&gt; {
      const wrapper = shallow(&lt;ProfileHeader
      active= {true}
      /&gt;);
     ????
  });
  </code></pre>
  
  <p>But how can I assert both cases?</p>