Fix: multiline-html-element-content-newline case sensitivity (#663)

* Fix: multiline-html-element-content-newline case sensitivity

fix issue #662

* fix typo in tests

Author: armano2

lib/rules/multiline-html-element-content-newline.js

@@ -9,6 +9,7 @@
 // ------------------------------------------------------------------------------
 
 const utils = require('../utils')
+const casing = require('../utils/casing')
 
 // ------------------------------------------------------------------------------
 // Helpers
@@ -20,7 +21,7 @@ function isMultilineElement (element) {
 
 function parseOptions (options) {
   return Object.assign({
-    'ignores': ['pre', 'textarea']
+    ignores: ['pre', 'textarea']
   }, options)
 }
 
@@ -80,12 +81,18 @@ module.exports = {
 
     let inIgnoreElement
 
+    function isIgnoredElement (node) {
+      return ignores.includes(node.name) ||
+        ignores.includes(casing.pascalCase(node.rawName)) ||
+        ignores.includes(casing.kebabCase(node.rawName))
+    }
+
     return utils.defineTemplateBodyVisitor(context, {
       'VElement' (node) {
         if (inIgnoreElement) {
           return
         }
-        if (ignores.indexOf(node.name) >= 0) {
+        if (isIgnoredElement(node)) {
           // ignore element name
           inIgnoreElement = node
           return
@@ -114,7 +121,7 @@ module.exports = {
             },
             messageId: 'unexpectedAfterClosingBracket',
             data: {
-              name: node.name,
+              name: node.rawName,
               actual: getPhrase(beforeLineBreaks)
             },
             fix (fixer) {

tests/lib/rules/multiline-html-element-content-newline.js

@@ -91,13 +91,45 @@ tester.run('multiline-html-element-content-newline', rule, {
           >content</ignore-tag>
           <ignore-tag><div
             >content</div></ignore-tag>
-          <ignore-tag>>content
+          <ignore-tag>content
             content</ignore-tag>
         </template>`,
       options: [{
         ignores: ['ignore-tag']
       }]
     },
+    {
+      code: `
+        <template>
+          <IgnoreTag>content</IgnoreTag>
+          <IgnoreTag
+            id="test-pre"
+          >content</IgnoreTag>
+          <IgnoreTag><div
+            >content</div></IgnoreTag>
+          <IgnoreTag>content
+            content</IgnoreTag>
+        </template>`,
+      options: [{
+        ignores: ['IgnoreTag']
+      }]
+    },
+    {
+      code: `
+        <template>
+          <ignore-tag>content</ignore-tag>
+          <ignore-tag
+            id="test-pre"
+          >content</ignore-tag>
+          <ignore-tag><div
+            >content</div></ignore-tag>
+          <ignore-tag>content
+            content</ignore-tag>
+        </template>`,
+      options: [{
+        ignores: ['IgnoreTag']
+      }]
+    },
     // Ignore if no closing brackets
     `
       <template>