feat: add test cases

Author: waynzh

lib/rules/attribute-hyphenation.js

@@ -143,7 +143,7 @@ module.exports = {
     }
 
     /** @param {string} name */
-    function isIgnoredTags(name) {
+    function isIgnoredTagName(name) {
       return ignoreTags.some((re) => re.test(name))
     }
 
@@ -152,7 +152,7 @@ module.exports = {
         const element = node.parent.parent
         if (
           (!utils.isCustomComponent(element) && element.name !== 'slot') ||
-          isIgnoredTags(element.rawName)
+          isIgnoredTagName(element.rawName)
         )
           return
 

lib/rules/v-on-event-hyphenation.js

@@ -112,7 +112,7 @@ module.exports = {
     }
 
     /** @param {string} name */
-    function isIgnoreTags(name) {
+    function isIgnoredTagName(name) {
       return ignoreTags.some((re) => re.test(name))
     }
 
@@ -121,7 +121,7 @@ module.exports = {
         const element = node.parent.parent
         if (
           !utils.isCustomComponent(element) ||
-          isIgnoreTags(element.rawName)
+          isIgnoredTagName(element.rawName)
         ) {
           return
         }

tests/lib/rules/attribute-hyphenation.js

@@ -95,6 +95,16 @@ ruleTester.run('attribute-hyphenation', rule, {
       </template>
       `,
       options: ['never', { ignoreTags: ['VueComponent', '/^custom-/'] }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <VueComponent myProp="prop"></VueComponent>
+        <custom-component myProp="prop"></custom-component>
+      </template>
+      `,
+      options: ['always', { ignoreTags: ['VueComponent', '/^custom-/'] }]
     }
   ],
 
@@ -483,6 +493,29 @@ ruleTester.run('attribute-hyphenation', rule, {
           column: 17
         }
       ]
+    },
+    {
+      code: `
+      <template>
+        <custom myProp/>
+        <CustomComponent myProp/>
+      </template>
+      `,
+      output: `
+      <template>
+        <custom my-prop/>
+        <CustomComponent myProp/>
+      </template>
+      `,
+      options: ['always', { ignoreTags: ['CustomComponent'] }],
+      errors: [
+        {
+          message: "Attribute 'myProp' must be hyphenated.",
+          type: 'VIdentifier',
+          line: 3,
+          column: 17
+        }
+      ]
     }
   ]
 })

tests/lib/rules/v-on-event-hyphenation.js

@@ -61,6 +61,15 @@ tester.run('v-on-event-hyphenation', rule, {
       </template>
       `,
       options: ['never', { ignoreTags: ['/^Vue/', 'custom-component'] }]
+    },
+    {
+      code: `
+      <template>
+          <VueComponent v-on:customEvent="events"/>
+          <custom-component v-on:customEvent="events"/>
+      </template>
+      `,
+      options: ['always', { ignoreTags: ['/^Vue/', 'custom-component'] }]
     }
   ],
   invalid: [
@@ -218,6 +227,28 @@ tester.run('v-on-event-hyphenation', rule, {
           column: 23
         }
       ]
+    },
+    {
+      code: `
+      <template>
+        <VueComponent v-on:customEvent="events"/>
+        <CustomComponent v-on:customEvent="events"/>
+      </template>
+      `,
+      output: `
+      <template>
+        <VueComponent v-on:custom-event="events"/>
+        <CustomComponent v-on:customEvent="events"/>
+      </template>
+      `,
+      options: ['always', { autofix: true, ignoreTags: ['CustomComponent'] }],
+      errors: [
+        {
+          message: "v-on event 'v-on:customEvent' must be hyphenated.",
+          line: 3,
+          column: 23
+        }
+      ]
     }
   ]
 })