Added failing test for styled-components#55

Author: emilgoldsmith

test/fixtures/interpolations/valid.js

@@ -42,6 +42,7 @@ const Box3 = styled(Box2)`
 `
 
 // Multiline
+// prettier-ignore
 const Button4 = styled.button`
   display: block;
   ${`
@@ -52,6 +53,7 @@ const Button4 = styled.button`
 
 // Conditional
 const cond = true
+// prettier-ignore
 const Button5 = styled.button`
   display: block;
   ${cond &&
@@ -63,10 +65,11 @@ const Button5 = styled.button`
 
 // Conditional
 const cond2 = false
+// prettier-ignore
 const Button6 = styled.button`
   display: block;
   ${cond2 &&
-    `
+   `
     color: ${cond2};
   `}
   background: blue;
@@ -79,3 +82,11 @@ const Button7 = styled.button`
   width: 20px;
   border: ${borderWidth} ${borderStyle} ${color};
 `
+
+// Several interpolation statements in a block
+// prettier-ignore
+const Button8 = styled.button`
+  ${`display: block;`}
+  ${`color: ${color};`}
+  ${`background: blue;`}
+`

test/interpolations.test.js

@@ -4,6 +4,7 @@ const path = require('path')
 const processor = path.join(__dirname, '../src/index.js')
 const rules = {
   'block-no-empty': true,
+  'declaration-block-no-duplicate-properties': true,
   indentation: 2
 }