Ignore custom components for role-has-required-aria-props.

Author: Ethan Cohen

__tests__/src/rules/role-has-required-aria-props-test.js

@@ -47,6 +47,7 @@ const basicValidityTests = [...roles.keys()].map((role) => {
 ruleTester.run('role-has-required-aria-props', rule, {
   valid: [
     { code: '<Bar baz />' },
+    { code: '<MyComponent role="combobox" />' },
     // Variables should pass, as we are only testing literals.
     { code: '<div />' },
     { code: '<div></div>' },

src/rules/role-has-required-aria-props.js

@@ -8,8 +8,8 @@
 // Rule Definition
 // ----------------------------------------------------------------------------
 
-import { roles } from 'aria-query';
-import { getProp, getLiteralPropValue, propName } from 'jsx-ast-utils';
+import { dom, roles } from 'aria-query';
+import { elementType, getProp, getLiteralPropValue, propName } from 'jsx-ast-utils';
 import { generateObjSchema } from '../util/schemas';
 
 const errorMessage = (role, requiredProps) =>
@@ -32,6 +32,11 @@ module.exports = {
         return;
       }
 
+      const type = elementType(attribute.parent);
+      if (!dom.get(type)) {
+        return;
+      }
+
       const value = getLiteralPropValue(attribute);
 
       // If value is undefined, then the role attribute will be dropped in the DOM.