no-unescaped-entities: support shorthand fragments

Author: alexzherdev

lib/rules/no-unescaped-entities.js

@@ -5,6 +5,7 @@
 'use strict';
 
 const docsUrl = require('../util/docsUrl');
+const jsxUtil = require('../util/jsx');
 
 // ------------------------------------------------------------------------------
 // Rule Definition
@@ -72,7 +73,7 @@ module.exports = {
 
     return {
       'Literal, JSXText': function(node) {
-        if (node.parent.type === 'JSXElement') {
+        if (jsxUtil.isJSX(node.parent)) {
           reportInvalidEntity(node);
         }
       }

tests/lib/rules/no-unescaped-entities.js

@@ -71,6 +71,35 @@ ruleTester.run('no-unescaped-entities', rule, {
           },
         });
       `
+    },
+    {
+      code: `
+        var Hello = createReactClass({
+          render: function() {
+            return <>Here is some text!</>;
+          }
+        });
+      `,
+      parser: 'babel-eslint'
+    }, {
+      code: `
+        var Hello = createReactClass({
+          render: function() {
+            return <>I&rsquo;ve escaped some entities: &gt; &lt; &amp;</>;
+          }
+        });
+      `,
+      parser: 'babel-eslint'
+    },
+    {
+      code: `
+        var Hello = createReactClass({
+          render: function() {
+            return <>{">" + "<" + "&" + '"'}</>;
+          },
+        });
+      `,
+      parser: 'babel-eslint'
     }
   ],
 
@@ -84,6 +113,16 @@ ruleTester.run('no-unescaped-entities', rule, {
         });
       `,
       errors: [{message: 'HTML entities must be escaped.'}]
+    }, {
+      code: `
+        var Hello = createReactClass({
+          render: function() {
+            return <>></>;
+          }
+        });
+      `,
+      parser: 'babel-eslint',
+      errors: [{message: 'HTML entities must be escaped.'}]
     }, {
       code: `
         var Hello = createReactClass({
@@ -95,6 +134,18 @@ ruleTester.run('no-unescaped-entities', rule, {
         });
       `,
       errors: [{message: 'HTML entities must be escaped.'}]
+    }, {
+      code: `
+        var Hello = createReactClass({
+          render: function() {
+            return <>first line is ok
+            so is second
+            and here are some bad entities: ></>
+          }
+        });
+      `,
+      parser: 'babel-eslint',
+      errors: [{message: 'HTML entities must be escaped.'}]
     }, {
       code: `
         var Hello = createReactClass({
@@ -126,6 +177,16 @@ ruleTester.run('no-unescaped-entities', rule, {
         });
       `,
       errors: [{message: 'HTML entities must be escaped.'}]
+    }, {
+      code: `
+        var Hello = createReactClass({
+          render: function() {
+            return <>{"Unbalanced braces"}}</>;
+          }
+        });
+      `,
+      parser: 'babel-eslint',
+      errors: [{message: 'HTML entities must be escaped.'}]
     }
   ]
 });