resolve a few edge cases

Author: FrederickEngelhardt

__tests__/src/rules/has-valid-accessibility-ignores-invert-colors-test.js

@@ -214,7 +214,7 @@ const invalidCustomImport = [
     },
   },
   {
-    title: 'supports module imports',
+    title: 'supports linting module imports',
     code: `import * as RN from 'react-native';
   const { Image } = RN;
   
@@ -227,6 +227,28 @@ const invalidCustomImport = [
       sourceType: 'module',
     },
   },
+  {
+    title:
+      'supports linting on Custom Invertable ImageComponents without react-native imported',
+    code: `import { FastImage } from './fast-image'
+  
+  const Component = (props) => (
+    <>
+      <FastImage />
+      <FastImage accessibilityIgnoresInvertColors={'true'} />
+    </>
+  );
+  `,
+    errors: [missingPropError, typeError],
+    parserOptions: {
+      sourceType: 'module',
+    },
+    options: [
+      {
+        invertableComponents: ['FastImage'],
+      },
+    ],
+  },
 ];
 
 const invalid = [

src/rules/has-valid-accessibility-ignores-invert-colors.js

@@ -70,38 +70,42 @@ module.exports = {
   create: ({ options, report, getSourceCode }: ESLintContext) => {
     // Checks to see if there are valid imports and if so verifies that those imports related to 'react-native' or if a custom module exists
     const { text } = getSourceCode();
-    let hasCustomImage = false;
+    let hasImageImportAlias = false;
     if (text.match(new RegExp(/import/, 'g'))) {
       const hasReactNativeImage = verifyReactNativeImage(text);
       if (!hasReactNativeImage) {
-        hasCustomImage = true;
+        hasImageImportAlias = true;
       }
     }
 
     // avoid directly mutating a constant as it ends up stacking up duplicate strings
-    const elementsToCheck = !hasCustomImage
+    const elementsToCheck = !hasImageImportAlias
       ? [...defaultInvertableComponents]
       : [];
     if (options.length > 0) {
       const { invertableComponents } = options[0];
       if (invertableComponents) {
         elementsToCheck.push(...invertableComponents);
       }
-    } else if (hasCustomImage) {
+    } else if (hasImageImportAlias && options.length === 0) {
       // Exit process if there is nothing to check
-      // return {};
+      return {};
     }
 
     return {
       JSXElement: (node: JSXElement) => {
-        /**
-         * @description RegExp to select single or multiline 'Image' component and determine if the import origin path is 'react-native' or a custom module
-         *  */
         // $FlowFixMe
         const { children, openingElement, parent } = node;
 
+        // $FlowFixMe
+        const { name } = openingElement.name;
+
+        // escape out if the item is an ignored JSXElement
+        if (hasImageImportAlias && name === 'Image') {
+          return;
+        }
+
         if (
-          !hasCustomImage &&
           hasProp(openingElement.attributes, propName) &&
           !isNodePropValueBoolean(getProp(openingElement.attributes, propName))
         ) {