fix: detect prefixed @keyframes in no-duplicate-keyframe-selectors (eslint#251)

fix: detect prefixed @Keyframes in no-duplicate-keyframe-selectors

Author: thecalamiity

src/rules/no-duplicate-keyframe-selectors.js

@@ -39,12 +39,12 @@ export default {
 		const seen = new Map();
 
 		return {
-			"Atrule[name=/^keyframes$/i]"() {
+			"Atrule[name=/^(-(o|moz|webkit)-)?keyframes$/i]"() {
 				insideKeyframes = true;
 				seen.clear();
 			},
 
-			"Atrule[name=/^keyframes$/i]:exit"() {
+			"Atrule[name=/^(-(o|moz|webkit)-)?keyframes$/i]:exit"() {
 				insideKeyframes = false;
 			},
 

tests/rules/no-duplicate-keyframe-selectors.test.js

@@ -28,6 +28,18 @@ ruleTester.run("no-duplicate-keyframe-selectors", rule, {
 		dedent`@keyframes test {
             from { opacity: 0; }
             to { opacity: 1; }
+        }`,
+		dedent`@-webkit-keyframes test {
+            from { opacity: 0; }
+            to { opacity: 1; }
+        }`,
+		dedent`@-moz-keyframes test {
+            0% { opacity: 0; }
+            100% { opacity: 1; }
+        }`,
+		dedent`@-o-keyframes test {
+            0% { opacity: 0; }
+            100% { opacity: 1; }
         }`,
 		dedent`@keyframes test {
             0% { opacity: 0; }
@@ -71,6 +83,51 @@ ruleTester.run("no-duplicate-keyframe-selectors", rule, {
 			code: dedent`@keyframes test {
                 0% { opacity: 0; }
                 0% { opacity: 1; }
+            }`,
+			errors: [
+				{
+					messageId: "duplicateKeyframeSelector",
+					line: 3,
+					column: 5,
+					endLine: 3,
+					endColumn: 7,
+				},
+			],
+		},
+		{
+			code: dedent`@-webkit-keyframes test {
+                0% { opacity: 0; }
+                0% { opacity: 1; }
+            }`,
+			errors: [
+				{
+					messageId: "duplicateKeyframeSelector",
+					line: 3,
+					column: 5,
+					endLine: 3,
+					endColumn: 7,
+				},
+			],
+		},
+		{
+			code: dedent`@-moz-keyframes test {
+                0% { opacity: 0; }
+                0% { opacity: 1; }
+            }`,
+			errors: [
+				{
+					messageId: "duplicateKeyframeSelector",
+					line: 3,
+					column: 5,
+					endLine: 3,
+					endColumn: 7,
+				},
+			],
+		},
+		{
+			code: dedent`@-o-keyframes test {
+                0% { opacity: 0; }
+                0% { opacity: 1; }
             }`,
 			errors: [
 				{