title: Test styled component with Jest-Enzyme
body: <p>How can I test if my <code>styled-component</code> has a specific CSS attribute-value pair? </p>
  
  <p>Let's say my component is the following :</p>
  
  <pre><code>const myColor = '#111';
  
  const Button = styled.button`
    background-color: ${myColor};
  `;
  </code></pre>
  
  <p>And the test checks that the <code>'background-color'</code> attribute has the value <code>'#111'</code>. </p>
  
  <p>The test runner is <strong>Jest</strong> and I use the testing utilities library <strong>Enzyme</strong>.</p>