fix tests to match style guide recommendations

Author: chrisvfritz

tests/lib/rules/html-self-closing.js

@@ -54,7 +54,7 @@ const anyWith = (opts) => Object.assign(
 tester.run('html-self-closing', rule, {
   valid: [
     // default
-    '<template><div></div></template>',
+    '<template><div/></template>',
     '<template><img></template>',
     '<template><x-test/></template>',
     '<template><svg><path/></svg></template>',
@@ -72,9 +72,9 @@ tester.run('html-self-closing', rule, {
   invalid: [
     // default
     {
-      code: '<template><div/></template>',
-      output: '<template><div></div></template>',
-      errors: ['Disallow self-closing on HTML elements (<div/>).']
+      code: '<template><div></div></template>',
+      output: '<template><div/></template>',
+      errors: ['Require self-closing on HTML elements (<div>).']
     },
     {
       code: '<template><img/></template>',

tests/lib/rules/max-attributes-per-line.js

@@ -26,24 +26,32 @@ ruleTester.run('max-attributes-per-line', rule, {
       code: `<template><component></component></template>`
     },
     {
-      code: `<template><component name="John Doe" age="30" job="Vet"></component></template>`
+      code: `<template><component
+        name="John Doe"
+        age="30"
+        job="Vet"
+      ></component></template>`
     },
     {
-      code: `<template><component name="John Doe" age="30" job="Vet"></component></template>`,
+      code: `<template><component
+        name="John Doe"
+        age="30"
+        job="Vet"
+      ></component></template>`,
       options: [{ multiline: { allowFirstLine: true }}]
     },
     {
       code: `<template><component
         name="John Doe"
-        age="30">
-        </component>
-      </template>`
+        age="30"
+      >
+      </component></template>`
     },
     {
       code: `<template><component
         name="John Doe"
         age="30">
-        </component>
+      </component>
       </template>`,
       options: [{ singleline: 1 }]
     },
@@ -82,8 +90,8 @@ ruleTester.run('max-attributes-per-line', rule, {
 
   invalid: [
     {
-      code: `<template><component name="John Doe" age="30" job="Vet" petname="Snoopy"></component></template>`,
-      errors: ['Attribute "petname" should be on a new line.']
+      code: `<template><component name="John Doe" age="30"></component></template>`,
+      errors: ['Attribute "age" should be on a new line.']
     },
     {
       code: `<template><component job="Vet"
@@ -98,10 +106,10 @@ ruleTester.run('max-attributes-per-line', rule, {
       }]
     },
     {
-      code: `<template><component name="John Doe" age="30"></component></template>`,
-      options: [{ singleline: { max: 1 }}],
+      code: `<template><component name="John Doe" age="30" job="Vet"></component></template>`,
+      options: [{ singleline: { max: 2 }}],
       errors: [{
-        message: 'Attribute "age" should be on a new line.',
+        message: 'Attribute "job" should be on a new line.',
         type: 'VAttribute',
         line: 1
       }]

tests/lib/rules/order-in-components.js

@@ -106,9 +106,9 @@ ruleTester.run('order-in-components', rule, {
       filename: 'test.js',
       code: `
         new Vue({
+          el: '#app',
           name: 'app',
           components: {},
-          el: '#app',
           data () {
             return {
               msg: 'Welcome to Your Vue.js App'
@@ -199,9 +199,6 @@ ruleTester.run('order-in-components', rule, {
       errors: [{
         message: 'The "components" property should be above the "data" property on line 4.',
         line: 9
-      }, {
-        message: 'The "template" property should be above the "data" property on line 4.',
-        line: 10
       }]
     },
     {
@@ -223,17 +220,14 @@ ruleTester.run('order-in-components', rule, {
       errors: [{
         message: 'The "components" property should be above the "data" property on line 5.',
         line: 10
-      }, {
-        message: 'The "template" property should be above the "data" property on line 5.',
-        line: 11
       }]
     },
     {
       filename: 'test.js',
       code: `
         new Vue({
-          el: '#app',
           name: 'app',
+          el: '#app',
           data () {
             return {
               msg: 'Welcome to Your Vue.js App'
@@ -245,14 +239,11 @@ ruleTester.run('order-in-components', rule, {
       `,
       parserOptions: { ecmaVersion: 6 },
       errors: [{
-        message: 'The "name" property should be above the "el" property on line 3.',
+        message: 'The "el" property should be above the "name" property on line 3.',
         line: 4
       }, {
-        message: 'The "components" property should be above the "el" property on line 3.',
+        message: 'The "components" property should be above the "data" property on line 5.',
         line: 10
-      }, {
-        message: 'The "template" property should be above the "data" property on line 5.',
-        line: 11
       }]
     },
     {