tests: attribute-hyphenation: Fix the ignore-list test

The test introduced in f9e1eee didn't
actually test what it meant to test for.  It attempts to verify that
the ignore list is obeyed; but its subject is an element that is
ignored in its entirety!  The code under test was never triggered!

Fix this by changing <div> for <custom> in the test case, and also add
the same test-case without the `ignore` config, in order to verify
that it actually has something to ignore.

Author: LukeShu

Diff for: tests/lib/rules/attribute-hyphenation.js

@@ -45,7 +45,7 @@ ruleTester.run('attribute-hyphenation', rule, {
     },
     {
       filename: 'test.vue',
-      code: '<template><div data-id="foo" aria-test="bar" slot-scope="{ data }" custom-hypen="foo"><a onClick="" my-prop="prop"></a></div></template>',
+      code: '<template><custom data-id="foo" aria-test="bar" slot-scope="{ data }" custom-hypen="foo"><a onClick="" my-prop="prop"></a></custom></template>',
       options: ['never', { 'ignore': ['custom-hypen'] }]
     }
   ],
@@ -116,6 +116,20 @@ ruleTester.run('attribute-hyphenation', rule, {
         type: 'VDirectiveKey',
         line: 1
       }]
+    },
+    {
+      // This is the same code as the `'ignore': ['custom-hypen']`
+      // valid test; to verify that setting ignore actually makes the
+      // difference.
+      filename: 'test.vue',
+      code: '<template><custom data-id="foo" aria-test="bar" slot-scope="{ data }" custom-hypen="foo"><a onClick="" my-prop="prop"></a></custom></template>',
+      output: '<template><custom data-id="foo" aria-test="bar" slot-scope="{ data }" customHypen="foo"><a onClick="" my-prop="prop"></a></custom></template>',
+      options: ['never'],
+      errors: [{
+        message: "Attribute 'custom-hypen' cann't be hyphenated.",
+        type: 'VIdentifier',
+        line: 1
+      }]
     }
   ]
 })