Add allowed strings, jsx-no-literals

Author: bhollander-indeed

lib/rules/jsx-no-literals.js

@@ -26,6 +26,9 @@ module.exports = {
       properties: {
         noStrings: {
           type: 'boolean'
+        },
+        allowedStrings: {
+          type: 'array'
         }
       },
       additionalProperties: false
@@ -34,6 +37,7 @@ module.exports = {
 
   create(context) {
     const isNoStrings = context.options[0] ? context.options[0].noStrings : false;
+    const allowedStrings = context.options[0] ? context.options[0].allowedStrings : false;
 
     const message = isNoStrings ?
       'Strings not allowed in JSX files' :
@@ -55,6 +59,9 @@ module.exports = {
     }
 
     function getValidation(node) {
+      if (allowedStrings && allowedStrings.indexOf(node.value) > -1) {
+        return false;
+      }
       const parent = getParentIgnoringBinaryExpressions(node);
       const standard = !/^[\s]+$/.test(node.value) &&
           typeof node.value === 'string' &&

tests/lib/rules/jsx-no-literals.js

@@ -198,8 +198,36 @@ ruleTester.run('jsx-no-literals', rule, {
         }
       `,
       options: [{noStrings: true}]
+    }, {
+      code: `
+        class Comp1 extends Component {
+          render() {
+            return <div>asdf</div>
+          }
+        }
+      `,
+      options: [{allowedStrings: ['asdf']}]
+    },
+    {
+      code: `
+        class Comp1 extends Component {
+          render() {
+            return <div>&nbsp;</div>
+          }
+        }
+      `,
+      options: [{noStrings: true, allowedStrings: ['&nbsp;']}]
+    },
+    {
+      code: `
+        class Comp1 extends Component {
+          render() {
+            return <div>foo: {bar}*</div>
+          }
+        }
+      `,
+      options: [{noStrings: true, allowedStrings: ['foo: ', '*']}]
     }
-
   ],
 
   invalid: [
@@ -385,6 +413,21 @@ ruleTester.run('jsx-no-literals', rule, {
         {message: stringsMessage('\'foo\'')},
         {message: stringsMessage('`bar`')}
       ]
+    }, {
+      /* eslint-disable no-useless-escape */
+      code: `
+        class Comp1 extends Component {
+          render() {
+            return <div bar={\'foo\'}>asdf</div>
+          }
+        }
+      `,
+      /* eslint-enable no-useless-escape */
+      options: [{noStrings: true, allowedStrings: ['asd']}],
+      errors: [
+        {message: stringsMessage('\'foo\'')},
+        {message: stringsMessage('asdf')}
+      ]
     }
   ]
 });