Add fixtures for style objects

Author: Igorbek

src/__tests__/baselines/base/style-objects.ts.baseline

@@ -0,0 +1,96 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`style-objects.ts 1`] = `
+
+File: style-objects.ts
+Source code:
+
+  declare const styled: any;
+  
+  const Button = styled.button({
+    color: 'red'
+  });
+  
+  declare const nonStyled: any;
+  
+  const NonButton = nonStyled.button({
+    color: 'red'
+  });
+  
+  const OtherButton = styled(Button)({
+    color: 'blue'
+  });
+  
+  const SuperButton = Button.extend({
+    color: 'super'
+  });
+  
+  export default styled.link({
+    color: 'black'
+  });
+  
+  export const SmallButton = Button.extend({
+    fontSize: '.7em'
+  });
+  
+  const MiniButton = styled(SmallButton).attrs({ size: 'mini' })({
+    fontSize: '.1em'
+  });
+  
+
+TypeScript before transform:
+
+  declare const styled: any;
+  const Button = styled.button({
+      color: "red"
+  });
+  declare const nonStyled: any;
+  const NonButton = nonStyled.button({
+      color: "red"
+  });
+  const OtherButton = styled(Button)({
+      color: "blue"
+  });
+  const SuperButton = Button.extend({
+      color: "super"
+  });
+  export default styled.link({
+      color: "black"
+  });
+  export const SmallButton = Button.extend({
+      fontSize: ".7em"
+  });
+  const MiniButton = styled(SmallButton).attrs({ size: "mini" })({
+      fontSize: ".1em"
+  });
+  
+
+TypeScript after transform:
+
+  declare const styled: any;
+  const Button = styled.button({
+      color: 'red'
+  });
+  declare const nonStyled: any;
+  const NonButton = nonStyled.button({
+      color: 'red'
+  });
+  const OtherButton = styled(Button)({
+      color: 'blue'
+  });
+  const SuperButton = Button.extend({
+      color: 'super'
+  });
+  export default styled.link({
+      color: 'black'
+  });
+  export const SmallButton = Button.extend({
+      fontSize: '.7em'
+  });
+  const MiniButton = styled(SmallButton).attrs({ size: 'mini' })({
+      fontSize: '.1em'
+  });
+  
+
+
+`;

src/__tests__/baselines/ssr/style-objects.ts.baseline

@@ -0,0 +1,96 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`style-objects.ts 1`] = `
+
+File: style-objects.ts
+Source code:
+
+  declare const styled: any;
+  
+  const Button = styled.button({
+    color: 'red'
+  });
+  
+  declare const nonStyled: any;
+  
+  const NonButton = nonStyled.button({
+    color: 'red'
+  });
+  
+  const OtherButton = styled(Button)({
+    color: 'blue'
+  });
+  
+  const SuperButton = Button.extend({
+    color: 'super'
+  });
+  
+  export default styled.link({
+    color: 'black'
+  });
+  
+  export const SmallButton = Button.extend({
+    fontSize: '.7em'
+  });
+  
+  const MiniButton = styled(SmallButton).attrs({ size: 'mini' })({
+    fontSize: '.1em'
+  });
+  
+
+TypeScript before transform:
+
+  declare const styled: any;
+  const Button = styled.button({
+      color: "red"
+  });
+  declare const nonStyled: any;
+  const NonButton = nonStyled.button({
+      color: "red"
+  });
+  const OtherButton = styled(Button)({
+      color: "blue"
+  });
+  const SuperButton = Button.extend({
+      color: "super"
+  });
+  export default styled.link({
+      color: "black"
+  });
+  export const SmallButton = Button.extend({
+      fontSize: ".7em"
+  });
+  const MiniButton = styled(SmallButton).attrs({ size: "mini" })({
+      fontSize: ".1em"
+  });
+  
+
+TypeScript after transform:
+
+  declare const styled: any;
+  const Button = styled.button({
+      color: 'red'
+  });
+  declare const nonStyled: any;
+  const NonButton = nonStyled.button({
+      color: 'red'
+  });
+  const OtherButton = styled(Button)({
+      color: 'blue'
+  });
+  const SuperButton = Button.extend({
+      color: 'super'
+  });
+  export default styled.link({
+      color: 'black'
+  });
+  export const SmallButton = Button.extend({
+      fontSize: '.7em'
+  });
+  const MiniButton = styled(SmallButton).attrs({ size: 'mini' })({
+      fontSize: '.1em'
+  });
+  
+
+
+`;

src/__tests__/fixtures/base/style-objects.ts

@@ -0,0 +1,31 @@
+declare const styled: any;
+
+const Button = styled.button({
+  color: 'red'
+});
+
+declare const nonStyled: any;
+
+const NonButton = nonStyled.button({
+  color: 'red'
+});
+
+const OtherButton = styled(Button)({
+  color: 'blue'
+});
+
+const SuperButton = Button.extend({
+  color: 'super'
+});
+
+export default styled.link({
+  color: 'black'
+});
+
+export const SmallButton = Button.extend({
+  fontSize: '.7em'
+});
+
+const MiniButton = styled(SmallButton).attrs({ size: 'mini' })({
+  fontSize: '.1em'
+});