Add some more test cases

Author: pfhayes

lib/rules/jsx-child-element-spacing.js

@@ -1,6 +1,5 @@
 'use strict';
 
-// TODO(pfhayes): Just a stub for now to get tests working
 module.exports = {
   meta: {
     docs: {},

tests/lib/rules/jsx-child-element-spacing.js

@@ -14,6 +14,26 @@ const ERROR_MESSAGE = [{message: 'Ambiguous spacing between child elements.'}];
 const ruleTester = new RuleTester({parserOptions});
 ruleTester.run('jsx-child-element-spacing', rule, {
   valid: [{
+    code: `
+      <App>
+        foo
+      </App>
+    `
+  }, {
+    code: `
+      <App>
+        <a>bar</a>
+      </App>
+    `
+  }, {
+    code: `
+      <App>
+        <a>
+          <b>nested</b>
+        </a>
+      </App>
+    `
+  }, {
     code: `
       <App>
         foo
@@ -43,6 +63,22 @@ ruleTester.run('jsx-child-element-spacing', rule, {
         baz
       </App>
     `
+  }, {
+    code: `
+      <App>
+        foo
+        {' '}<a>bar</a>{' '}
+        baz
+      </App>
+    `
+  }, {
+    code: `
+      <App>
+        foo{' '}
+        <a>bar</a>
+        {' '}baz
+      </App>
+    `
   }, {
     code: `
       <App>
@@ -51,6 +87,40 @@ ruleTester.run('jsx-child-element-spacing', rule, {
         */}baz
       </App>
     `
+  }, {
+    code: `
+      <App>
+        Please take a look at <a href="https://js.org">this link</a>.
+      </App>
+    `
+  }, {
+    code: `
+      <App>
+        Please take a look at
+        {' '}
+        <a href="https://js.org">this link</a>.
+      </App>
+    `
+  }, {
+    code: `
+      <App>
+        <p>A</p>
+        <p>B</p>
+      </App>
+    `
+  }, {
+    code: `
+      <App>
+        <p>A</p><p>B</p>
+      </App>
+    `
+  }, {
+    code: `
+      <App>
+        A
+        B
+      </App>
+    `
   }],
 
   invalid: [{
@@ -69,5 +139,40 @@ ruleTester.run('jsx-child-element-spacing', rule, {
       </App>
     `,
     errors: ERROR_MESSAGE
+  }, {
+    code: `
+      <App>
+        {' '}<a>bar</a>
+        baz
+      </App>
+    `,
+    errors: ERROR_MESSAGE
+  }, {
+    code: `
+      <App>
+        Please take a look at
+        <a href="https://js.org">this link</a>.
+      </App>
+    `,
+    errors: ERROR_MESSAGE
+  }, {
+    code: `
+      <App>
+        Here is
+        <a href="https://js.org">a link</a> and here is
+        <a href="https://js.org">another</a>
+      </App>
+    `,
+    errors: ERROR_MESSAGE
+  }, {
+    code: `
+      <App>
+        <a>
+          <b>nested1</b>
+          <b>nested2</b>
+        </a>
+      </App>
+    `,
+    errors: ERROR_MESSAGE
   }]
 });