[Fix] display-name: fix HOF returning null as Components

Fixes #3346
jsx-eslint · Jul 27, 2022 · f27e5d5 · f27e5d5
1 parent 9139830
commit f27e5d5
Show file tree

Hide file tree

Showing 2 changed files with 97 additions and 0 deletions.
diff --git a/lib/util/Components.js b/lib/util/Components.js
@@ -517,6 +517,47 @@ function componentRule(rule, context) {
           return undefined;
         }
 
+        // case: any = () => () => null
+        if (node.parent.type === 'ArrowFunctionExpression' && node.parent.parent.type === 'AssignmentExpression' && !isPropertyAssignment && utils.isReturningJSXOrNull(node)) {
+          if (isFirstLetterCapitalized(node.parent.parent.left.name)) {
+            return node;
+          }
+          return undefined;
+        }
+
+        // case: { any: () => () => null }
+        if (node.parent.type === 'ArrowFunctionExpression' && node.parent.parent.type === 'Property' && !isPropertyAssignment && utils.isReturningJSXOrNull(node)) {
+          if (isFirstLetterCapitalized(node.parent.parent.key.name)) {
+            return node;
+          }
+          return undefined;
+        }
+
+        // case: any = function() {return function() {return null;};}
+        if (node.parent.type === 'ReturnStatement') {
+          if (isFirstLetterCapitalized(node.id && node.id.name)) {
+            return node;
+          }
+          const functionExpr = node.parent.parent.parent;
+          if (functionExpr.parent.type === 'AssignmentExpression' && !isPropertyAssignment && utils.isReturningJSXOrNull(node)) {
+            if (isFirstLetterCapitalized(functionExpr.parent.left.name)) {
+              return node;
+            }
+            return undefined;
+          }
+        }
+
+        // case: { any: function() {return function() {return null;};} }
+        if (node.parent.type === 'ReturnStatement') {
+          const functionExpr = node.parent.parent.parent;
+          if (functionExpr.parent.type === 'Property' && !isPropertyAssignment && utils.isReturningJSXOrNull(node)) {
+            if (isFirstLetterCapitalized(functionExpr.parent.key.name)) {
+              return node;
+            }
+            return undefined;
+          }
+        }
+
         // for case abc = { [someobject.somekey]: props => { ... return not-jsx } }
         if (node.parent && node.parent.key && node.parent.key.type === 'MemberExpression' && !utils.isReturningJSX(node) && !utils.isReturningOnlyNull(node)) {
           return undefined;

diff --git a/tests/lib/rules/display-name.js b/tests/lib/rules/display-name.js
@@ -615,6 +615,34 @@ ruleTester.run('display-name', rule, {
         };
       `,
     },
+    {
+      // issue #3346
+      code: `
+        demo = () => () => null;
+      `,
+    },
+    {
+      // issue #3346
+      code: `
+        demo = {
+          property: () => () => null
+        }
+      `,
+    },
+    {
+      // issue #3346
+      code: `
+        demo = function() {return function() {return null;};};
+      `,
+    },
+    {
+      // issue #3346
+      code: `
+        demo = {
+          property: function() {return function() {return null;};}
+        }
+      `,
+    },
     {
       // issue #3303
       code: `
@@ -1141,5 +1169,33 @@ ruleTester.run('display-name', rule, {
         },
       ],
     },
+    {
+      code: `
+        Demo = () => () => null;
+      `,
+      errors: [{ messageId: 'noDisplayName' }],
+    },
+    {
+      code: `
+        demo = {
+          Property: () => () => null
+        }
+      `,
+      errors: [{ messageId: 'noDisplayName' }],
+    },
+    {
+      code: `
+        Demo = function() {return function() {return null;};};
+      `,
+      errors: [{ messageId: 'noDisplayName' }],
+    },
+    {
+      code: `
+        demo = {
+          Property: function() {return function() {return null;};}
+        }
+      `,
+      errors: [{ messageId: 'noDisplayName' }],
+    },
   ]),
 });