Enzyme check checkbox status
<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>