add fixtures for a few object interpolation cases

Author: quantizor

test/fixtures/transpile-css-prop/code.js

@@ -106,3 +106,29 @@ const EarlyUsageComponent = p => <Thing3 css="color: red;" />
 const Thing3 = styled.div`
   color: blue;
 `
+
+const ObjectInterpolation = p => {
+  const theme = useTheme()
+
+  return (
+  <p
+    css={{
+      color: theme.colors.red,
+    }}
+  >
+    H
+  </p>
+)}
+
+const ObjectInterpolationCustomComponent = p => {
+  const theme = useTheme()
+
+  return (
+  <Thing3
+    css={{
+      color: theme.colors.red,
+    }}
+  >
+    H
+  </Thing3>
+)}

test/fixtures/transpile-css-prop/output.js

@@ -147,4 +147,30 @@ var EarlyUsageComponent = function EarlyUsageComponent(p) {
 
 var Thing3 = styled.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  color: blue;\n"])));
 
+var _StyledThing2 = (0, _styledComponents["default"])(Thing3)(function (p) {
+  return {
+    color: p._css5
+  };
+});
+
 var _StyledThing = (0, _styledComponents["default"])(Thing3)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["color: red;"])));
+
+var _StyledP12 = (0, _styledComponents["default"])("p")(function (p) {
+  return {
+    color: p._css4
+  };
+});
+
+var ObjectInterpolation = function ObjectInterpolation(p) {
+  var theme = useTheme();
+  return <_StyledP12 _css4={theme.colors.red}>
+    H
+  </_StyledP12>;
+};
+
+var ObjectInterpolationCustomComponent = function ObjectInterpolationCustomComponent(p) {
+  var theme = useTheme();
+  return <_StyledThing2 _css5={theme.colors.red}>
+    H
+  </_StyledThing2>;
+};