Add ignoreNonDOM option to no-autofocus. (#213)

Author: beefancohen

__tests__/src/rules/no-autofocus-test.js

@@ -23,11 +23,19 @@ const expectedError = {
   type: 'JSXAttribute',
 };
 
+const ignoreNonDOMSchema = [
+  {
+    ignoreNonDOM: true,
+  },
+];
+
 ruleTester.run('no-autofocus', rule, {
   valid: [
     { code: '<div />;' },
     { code: '<div autofocus />;' },
     { code: '<input autofocus="true" />;' },
+    { code: '<Foo bar />' },
+    { code: '<Foo autoFocus />', options: ignoreNonDOMSchema },
   ].map(parserOptionsMapper),
   invalid: [
     { code: '<div autoFocus />', errors: [expectedError] },
@@ -37,5 +45,6 @@ ruleTester.run('no-autofocus', rule, {
     { code: '<div autoFocus="true" />', errors: [expectedError] },
     { code: '<div autoFocus="false" />', errors: [expectedError] },
     { code: '<input autoFocus />', errors: [expectedError] },
+    { code: '<Foo autoFocus />', errors: [expectedError] },
   ].map(parserOptionsMapper),
 });

docs/rules/no-autofocus.md

@@ -7,7 +7,19 @@ Enforce that autoFocus prop is not used on elements. Autofocusing elements can c
 
 ## Rule details
 
-This rule takes no arguments.
+This rule takes one optional object argument of type object:
+
+```
+{
+    "rules": {
+        "jsx-a11y/no-autofocus": [ 2, {
+            "ignoreNonDOM": true
+        }],
+    }
+}
+```
+
+For the `ignoreNonDOM` option, this determines if developer created components are checked.
 
 ### Succeed
 ```jsx

src/rules/no-autofocus.js

@@ -7,12 +7,19 @@
 // Rule Definition
 // ----------------------------------------------------------------------------
 
-import { propName } from 'jsx-ast-utils';
+import { propName, elementType } from 'jsx-ast-utils';
+import { dom } from 'aria-query';
 import { generateObjSchema } from '../util/schemas';
 
-const errorMessage = 'The autoFocus prop should not be used, as it can reduce usability and accessibility for users.';
+const errorMessage =
+  'The autoFocus prop should not be used, as it can reduce usability and accessibility for users.';
 
-const schema = generateObjSchema();
+const schema = generateObjSchema({
+  ignoreNonDOM: {
+    type: 'boolean',
+    default: false,
+  },
+});
 
 module.exports = {
   meta: {
@@ -22,6 +29,18 @@ module.exports = {
 
   create: context => ({
     JSXAttribute: (attribute) => {
+      // Determine if ignoreNonDOM is set to true
+      // If true, then do not run rule.
+      const options = context.options[0] || {};
+      const ignoreNonDOM = !!options.ignoreNonDOM;
+
+      if (ignoreNonDOM) {
+        const type = elementType(attribute.parent);
+        if (!dom.get(type)) {
+          return;
+        }
+      }
+
       // Don't normalize, since React only recognizes autoFocus on low-level DOM elements.
       if (propName(attribute) === 'autoFocus') {
         context.report({