add test for keyframes

Author: jantimon

src/index.js

@@ -555,7 +555,8 @@ module.exports = (options = {}) => {
               } else if (
                 atRule.params &&
                 !globalMode &&
-                !localAliasMap.has(atRule.params)
+                !localAliasMap.has(atRule.params) &&
+                !hasIgnoreComment(atRule)
               ) {
                 atRule.params = ":local(" + atRule.params + ")";
               }

test/index.test.js

@@ -1077,6 +1077,44 @@ const tests = [
              &:disabled { animation-name: :local(localAnimation); }
             }`,
   },
+  {
+    name: "verify ignore comment doesn't affect subsequent rules",
+    options: { mode: "pure" },
+    input: `/* cssmodules-pure-ignore */
+            .global { color: blue; }
+            .local { color: red; }`,
+    expected: `/* cssmodules-pure-ignore */
+            .global { color: blue; }
+            :local(.local) { color: red; }`,
+  },
+  {
+    name: "handle ignore comments in media queries",
+    options: { mode: "pure" },
+    input: `@media screen {
+              /* cssmodules-pure-ignore */
+              .global { color: blue; }
+              .local { color: red; }
+            }`,
+    expected: `@media screen {
+              /* cssmodules-pure-ignore */
+              .global { color: blue; }
+              :local(.local) { color: red; }
+            }`,
+  },
+  {
+    name: "handle ignore comments with keyframes",
+    options: { mode: "pure" },
+    input: `/* cssmodules-pure-ignore */
+            @keyframes global-fade {
+              from { opacity: 0; }
+              to { opacity: 1; }
+            }`,
+    expected: `/* cssmodules-pure-ignore */
+            @keyframes global-fade {
+              from { opacity: 0; }
+              to { opacity: 1; }
+            }`,
+  },
   {
     name: "handle negative animation-delay in animation shorthand",
     input: ".foo { animation: 1s -500ms; }",