Make "NeedsMoreChidren" case fixable

Author: golopot

lib/rules/jsx-no-useless-fragment.js

@@ -141,7 +141,8 @@ module.exports = {
       if (hasLessThanTwoChildren(node)) {
         context.report({
           node,
-          messageId: 'NeedsMoreChidren'
+          messageId: 'NeedsMoreChidren',
+          fix: isSafeToFix(node) ? (fixer => fix(node, fixer)) : null
         });
       }
 

tests/lib/rules/jsx-no-useless-fragment.js

@@ -60,16 +60,19 @@ ruleTester.run('jsx-no-uselses-fragment', rule, {
   invalid: [
     {
       code: '<></>',
+      output: null,
       errors: [{messageId: 'NeedsMoreChidren', type: 'JSXFragment'}],
       parser: parsers.BABEL_ESLINT
     },
     {
       code: '<>foo</>',
+      output: null,
       errors: [{messageId: 'NeedsMoreChidren'}],
       parser: parsers.BABEL_ESLINT
     },
     {
       code: '<><div/></>',
+      output: null,
       errors: [{messageId: 'NeedsMoreChidren'}],
       parser: parsers.BABEL_ESLINT
     },
@@ -104,8 +107,15 @@ ruleTester.run('jsx-no-uselses-fragment', rule, {
       errors: [{messageId: 'NeedsMoreChidren'}],
       parser: parsers.BABEL_ESLINT
     },
+    {
+      code: '<Eeee><>foo</></Eeee>',
+      output: '<Eeee>foo</Eeee>',
+      errors: [{messageId: 'NeedsMoreChidren'}],
+      parser: parsers.BABEL_ESLINT
+    },
     {
       code: '<div><>foo</></div>',
+      output: '<div>foo</div>',
       errors: [{messageId: 'NeedsMoreChidren'}, {messageId: 'ChildOfHtmlElement'}],
       parser: parsers.BABEL_ESLINT
     },