patch animation namespacing (#78)

thysultan · nkzawa · commit 3d384c925dbb · 2017-01-17T00:09:56.000+09:00
diff --git a/lib/style-transform.js b/lib/style-transform.js
@@ -160,13 +160,15 @@
 
                     // animation: a, n, i characters
                     if (first === 97 && second === 110 && third === 105) {
+                      line = line.substring(0, line.length-1);
+
                       var ninth = line.charCodeAt(9) || 0;
                       var tenth = line.charCodeAt(10) || 0;
 
                       var colon = line.indexOf(':')+1;
                       var build = line.substring(0, colon);
 
-                      var anims = line.substring(colon).split(',');
+                      var anims = line.substring(colon).trim().split(',');
 
                       // short hand animation syntax
                       if (ninth !== 45) {
@@ -209,6 +211,8 @@
                         build += (tenth !== 110 ? '' : animationSuffix) + anims[0].trim();
                       }
 
+                      build += ';';
+
                       // vendor prefix
                       line = '-webkit-' + build + '-moz-' + build + build;
                     }
diff --git a/test/fixtures/transform.css b/test/fixtures/transform.css
@@ -36,6 +36,7 @@ p :global(span:not(.test)) {
 
 p, h1 {
   color: blue;
+  animation: hahaha 3s ease forwards infinite;
   animation-name: hahaha;
   animation-delay: 100ms;
 }
diff --git a/test/fixtures/transform.out.css b/test/fixtures/transform.out.css

Original file line number	Diff line number	Diff line change
`@@ -36,6 +36,7 @@ p :global(span:not(.test)) {`
`36`	`36`
`37`	`37`	`p, h1 {`
`38`	`38`	`color: blue;`
	`39`	`+ animation: hahaha 3s ease forwards infinite;`
`39`	`40`	`animation-name: hahaha;`
`40`	`41`	`animation-delay: 100ms;`
`41`	`42`	`}`