Add animation name test case

atfzl · Sep 28, 2023 · ec1253f · ec1253f
1 parent 7e1931c
commit ec1253f
Show file tree

Hide file tree

Showing 3 changed files with 66 additions and 0 deletions.
diff --git a/test/files/animationName.scss b/test/files/animationName.scss
@@ -0,0 +1,14 @@
+// Used in `className`
+@keyframes animationName1 {}
+
+// Used in other classes
+@keyframes animationName2 {}
+
+.classUsingAnimation {
+  animation-name: animationName2;
+}
+
+// Using undefined animation name in another class
+.classUsingAnimation {
+  animation-name: undefinedAnimationName;
+}
diff --git a/test/lib/rules/no-undef-class.test.js b/test/lib/rules/no-undef-class.test.js
@@ -566,4 +566,30 @@ describe('no-undef-class', function () {
       },
     ].map((testCase) => addFilenameOption(testCase)),
   });
+
+  ruleTester.run('no-undef-class', rule, {
+    valid: [],
+    invalid: [
+      {
+        name: 'should support animation identifiers - using undefined in className',
+        code: `
+        import s from 'test/files/animationName.scss';
+
+        export default Foo = () => (
+          <div className={s.undefinedAnimationName}></div>
+        );
+      `,
+      },
+      {
+        name: 'should support animation identifiers - using undefined in another class',
+        code: `
+        import s from 'test/files/animationName.scss';
+
+        export default Foo = () => (
+          <div></div>
+        );
+      `,
+      },
+    ].map((testCase) => addFilenameOption(testCase)),
+  });
 });
diff --git a/test/lib/rules/no-unused-class.test.js b/test/lib/rules/no-unused-class.test.js
@@ -359,4 +359,30 @@ describe('no-unused-class', function () {
       },
     ].map((testCase) => addFilenameOption(testCase)),
   });
+
+  ruleTester.run('no-unused-class', rule, {
+    valid: [
+      {
+        name: 'should support animation identifiers - used in another class',
+        code: `
+        import s from 'test/files/animationName.scss';
+
+        export default Foo = () => (
+          <div></div>
+        );
+      `,
+      },
+      {
+        name: 'should support animation identifiers - used in className',
+        code: `
+        import s from 'test/files/animationName.scss';
+
+        export default Foo = () => (
+          <div className={s.animationName1}></div>
+        );
+      `,
+      },
+    ].map((testCase) => addFilenameOption(testCase)),
+    invalid: [],
+  });
 });