Add ignore option to no-unknown-property rule

Author: insin

docs/rules/no-unknown-property.md

@@ -22,6 +22,17 @@ var React = require('react');
 var Hello = <div className="hello">Hello World</div>;
 ```
 
+## Rule Options
+
+```js
+...
+"no-unknown-property": [<enabled>, { ignore: <ignore> }]
+...
+```
+
+* `enabled`: for enabling the rule. 0=off, 1=warn, 2=error. Defaults to 0.
+* `ignore`: optional array of property and attribute names to ignore during validation.
+
 ## When Not To Use It
 
 If you are not using JSX you can disable this rule.

lib/rules/no-unknown-property.js

@@ -10,6 +10,10 @@ var versionUtil = require('../util/version');
 // Constants
 // ------------------------------------------------------------------------------
 
+var DEFAULTS = {
+  ignore: []
+};
+
 var UNKNOWN_MESSAGE = 'Unknown property \'{{name}}\' found, use \'{{standardName}}\' instead';
 
 var DOM_ATTRIBUTE_NAMES = {
@@ -116,14 +120,19 @@ function getStandardName(context, name) {
 
 module.exports = function(context) {
 
+  function getIgnoreConfig() {
+    return context.options[0] && context.options[0].ignore || DEFAULTS.ignore;
+  }
+
   var sourceCode = context.getSourceCode();
 
   return {
 
     JSXAttribute: function(node) {
+      var ignoreNames = getIgnoreConfig();
       var name = sourceCode.getText(node.name);
       var standardName = getStandardName(context, name);
-      if (!isTagName(node) || !standardName) {
+      if (!isTagName(node) || !standardName || ignoreNames.indexOf(name) >= 0) {
         return;
       }
       context.report({
@@ -142,4 +151,15 @@ module.exports = function(context) {
 
 };
 
-module.exports.schema = [];
+module.exports.schema = [{
+  type: 'object',
+  properties: {
+    ignore: {
+      type: 'array',
+      items: {
+        type: 'string'
+      }
+    }
+  },
+  additionalProperties: false
+}];

tests/lib/rules/no-unknown-property.js

@@ -38,7 +38,11 @@ ruleTester.run('no-unknown-property', rule, {
     {code: '<div {...this.props} class="foo" is="my-elem"></div>;', parserOptions: parserOptions},
     {code: '<atom-panel class="foo"></atom-panel>;', parserOptions: parserOptions},
     {code: '<use xlink:href="bar" />;', parserOptions: parserOptions},
-    {code: '<rect clip-path="bar" />;', parserOptions: parserOptions}
+    {code: '<rect clip-path="bar" />;', parserOptions: parserOptions}, {
+      code: '<div class="bar"></div>;',
+      options: [{ignore: ['class']}],
+      parserOptions: parserOptions
+    }
   ],
   invalid: [{
     code: '<div class="bar"></div>;',