[Fix]no-unknown-property: fix case like <Foo.bar>

Fixes jsx-eslint#2204

Author: golopot

lib/rules/no-unknown-property.js

@@ -167,6 +167,20 @@ function getTagName(node) {
   return null;
 }
 
+/**
+ * Test wether the tag name for the JSXAttribute is
+ * something like <Foo.bar />
+ * @param {JSXAttribute} node - JSXAttribute being tested.
+ * @returns {Boolean} result
+ */
+function tagNameHasDot(node) {
+  return !!(
+    node.parent &&
+    node.parent.name &&
+    node.parent.name.type === 'JSXMemberExpression'
+  );
+}
+
 /**
  * Get the standard name of the attribute.
  * @param {String} name - Name of the attribute.
@@ -231,6 +245,11 @@ module.exports = {
           return;
         }
 
+        // Ignore tags like <Foo.bar />
+        if (tagNameHasDot(node)) {
+          return;
+        }
+
         const tagName = getTagName(node);
         const allowedTags = ATTRIBUTE_TAGS_MAP[name];
         if (tagName && allowedTags && /[^A-Z]/.test(tagName.charAt(0)) && allowedTags.indexOf(tagName) === -1) {

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

@@ -29,6 +29,7 @@ ruleTester.run('no-unknown-property', rule, {
   valid: [
     {code: '<App class="bar" />;'},
     {code: '<App for="bar" />;'},
+    {code: '<Foo.bar for="bar" />;'},
     {code: '<App accept-charset="bar" />;'},
     {code: '<meta charset="utf-8" />;'},
     {code: '<meta charSet="utf-8" />;'},