Add repro test cases

Author: Igorbek

src/__tests__/baselines/minification-only/issue36-extended.ts.baseline

@@ -0,0 +1,28 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`issue36-extended.ts 1`] = `
+
+File: issue36-extended.ts
+Source code:
+
+  declare const styled: any;
+  
+  export const A = styled.div\`
+    border: \${'solid'} 10px;
+  \`
+  
+
+TypeScript before transform:
+
+  declare const styled: any;
+  export const A = styled.div \`\\n  border: \${"solid"} 10px;\\n\`;
+  
+
+TypeScript after transform:
+
+  declare const styled: any;
+  export const A = styled.div \`border:\${'solid'}10px;\`;
+  
+
+
+`;

src/__tests__/baselines/minification-only/issue36.tsx.baseline

@@ -0,0 +1,45 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`issue36.tsx 1`] = `
+
+File: issue36.tsx
+Source code:
+
+  declare const keyframes: any;
+  declare const styled: any;
+  
+  const rotate360 = keyframes\`
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(360deg);
+    }
+  \`;
+  
+  export const StyledDiv = styled.div\`
+    width: 100px;
+    height: 100px;
+    background-color: greenyellow;
+    animation: \${rotate360} 2s linear infinite;
+  \`;
+  
+
+TypeScript before transform:
+
+  declare const keyframes: any;
+  declare const styled: any;
+  const rotate360 = keyframes \`\\n  from {\\n    transform: rotate(0deg);\\n  }\\n  to {\\n    transform: rotate(360deg);\\n  }\\n\`;
+  export const StyledDiv = styled.div \`\\n  width: 100px;\\n  height: 100px;\\n  background-color: greenyellow;\\n  animation: \${rotate360} 2s linear infinite;\\n\`;
+  
+
+TypeScript after transform:
+
+  declare const keyframes: any;
+  declare const styled: any;
+  const rotate360 = keyframes \`from{transform:rotate(0deg);}to{transform:rotate(360deg);}\`;
+  export const StyledDiv = styled.div \`width:100px;height:100px;background-color:greenyellow;animation:\${rotate360}2s linear infinite;\`;
+  
+
+
+`;

src/__tests__/baselines/minification/issue36-extended.ts.baseline

@@ -0,0 +1,28 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`issue36-extended.ts 1`] = `
+
+File: issue36-extended.ts
+Source code:
+
+  declare const styled: any;
+  
+  export const A = styled.div\`
+    border: \${'solid'} 10px;
+  \`
+  
+
+TypeScript before transform:
+
+  declare const styled: any;
+  export const A = styled.div \`\\n  border: \${"solid"} 10px;\\n\`;
+  
+
+TypeScript after transform:
+
+  declare const styled: any;
+  export const A = styled.div.withConfig({ displayName: "A" }) \`border:\${'solid'}10px;\`;
+  
+
+
+`;

src/__tests__/baselines/minification/issue36.tsx.baseline

@@ -0,0 +1,45 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`issue36.tsx 1`] = `
+
+File: issue36.tsx
+Source code:
+
+  declare const keyframes: any;
+  declare const styled: any;
+  
+  const rotate360 = keyframes\`
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(360deg);
+    }
+  \`;
+  
+  export const StyledDiv = styled.div\`
+    width: 100px;
+    height: 100px;
+    background-color: greenyellow;
+    animation: \${rotate360} 2s linear infinite;
+  \`;
+  
+
+TypeScript before transform:
+
+  declare const keyframes: any;
+  declare const styled: any;
+  const rotate360 = keyframes \`\\n  from {\\n    transform: rotate(0deg);\\n  }\\n  to {\\n    transform: rotate(360deg);\\n  }\\n\`;
+  export const StyledDiv = styled.div \`\\n  width: 100px;\\n  height: 100px;\\n  background-color: greenyellow;\\n  animation: \${rotate360} 2s linear infinite;\\n\`;
+  
+
+TypeScript after transform:
+
+  declare const keyframes: any;
+  declare const styled: any;
+  const rotate360 = keyframes \`from{transform:rotate(0deg);}to{transform:rotate(360deg);}\`;
+  export const StyledDiv = styled.div.withConfig({ displayName: "StyledDiv" }) \`width:100px;height:100px;background-color:greenyellow;animation:\${rotate360}2s linear infinite;\`;
+  
+
+
+`;

src/__tests__/fixtures/minification/issue36-extended.ts

@@ -0,0 +1,5 @@
+declare const styled: any;
+
+export const A = styled.div`
+  border: ${'solid'} 10px;
+`

src/__tests__/fixtures/minification/issue36.tsx

@@ -0,0 +1,18 @@
+declare const keyframes: any;
+declare const styled: any;
+
+const rotate360 = keyframes`
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+`;
+
+export const StyledDiv = styled.div`
+  width: 100px;
+  height: 100px;
+  background-color: greenyellow;
+  animation: ${rotate360} 2s linear infinite;
+`;