Fix the CSS prop generating invalid CSS

Max Stoiber · Max Stoiber · commit ba2c2f68b6b0 · 2018-12-10T15:34:45.000+01:00
diff --git a/src/visitors/transpileCssProp.js b/src/visitors/transpileCssProp.js
@@ -60,8 +60,8 @@ export default t => (path, state) => {
     } else {
       css = t.templateLiteral(
         [
-          t.templateElement({ raw: '' }, false),
-          t.templateElement({ raw: '' }, true),
+          t.templateElement({ raw: '', cooked: '' }, false),
+          t.templateElement({ raw: '', cooked: '' }, true),
         ],
         [path.node.value.expression]
       )
diff --git a/test/__snapshots__/index.test.js.snap b/test/__snapshots__/index.test.js.snap
@@ -439,7 +439,7 @@ function _templateObject11() {
 }
 
 function _templateObject10() {
-  var data = _taggedTemplateLiteral([void 0, void 0], [\\"\\", \\"\\"]);
+  var data = _taggedTemplateLiteral([\\"\\", \\"\\"]);
 
   _templateObject10 = function _templateObject10() {
     return data;
@@ -479,7 +479,7 @@ function _templateObject7() {
 }
 
 function _templateObject6() {
-  var data = _taggedTemplateLiteral([void 0, void 0], [\\"\\", \\"\\"]);
+  var data = _taggedTemplateLiteral([\\"\\", \\"\\"]);
 
   _templateObject6 = function _templateObject6() {
     return data;

Original file line number	Diff line number	Diff line change
`@@ -60,8 +60,8 @@ export default t => (path, state) => {`
`60`	`60`	`} else {`
`61`	`61`	`css = t.templateLiteral(`
`62`	`62`	`[`
`63`		`- t.templateElement({ raw: '' }, false),`
`64`		`- t.templateElement({ raw: '' }, true),`
	`63`	`+ t.templateElement({ raw: '', cooked: '' }, false),`
	`64`	`+ t.templateElement({ raw: '', cooked: '' }, true),`
`65`	`65`	`],`
`66`	`66`	`[path.node.value.expression]`
`67`	`67`	`)`
Original file line number	Diff line number	Diff line change
`@@ -439,7 +439,7 @@ function _templateObject11() {`
`439`	`439`	`}`
`440`	`440`
`441`	`441`	`function _templateObject10() {`
`442`		`- var data = _taggedTemplateLiteral([void 0, void 0], [\\"\\", \\"\\"]);`
	`442`	`+ var data = _taggedTemplateLiteral([\\"\\", \\"\\"]);`
`443`	`443`
`444`	`444`	`_templateObject10 = function _templateObject10() {`
`445`	`445`	`return data;`
`@@ -479,7 +479,7 @@ function _templateObject7() {`
`479`	`479`	`}`
`480`	`480`
`481`	`481`	`function _templateObject6() {`
`482`		`- var data = _taggedTemplateLiteral([void 0, void 0], [\\"\\", \\"\\"]);`
	`482`	`+ var data = _taggedTemplateLiteral([\\"\\", \\"\\"]);`
`483`	`483`
`484`	`484`	`_templateObject6 = function _templateObject6() {`
`485`	`485`	`return data;`