Ignore React functional components with fragment in cognitive-complexity (#245)

Authored-by: Tibinko <[email protected]>

Author: vilchik-elena

src/rules/cognitive-complexity.ts

@@ -300,7 +300,11 @@ const rule: Rule.RuleModule<string, Options> = {
 
     function visitReturnStatement({ argument }: TSESTree.ReturnStatement) {
       // top level function
-      if (enclosingFunctions.length === 1 && argument && (argument.type as any) === 'JSXElement') {
+      if (
+        enclosingFunctions.length === 1 &&
+        argument &&
+        ['JSXElement', 'JSXFragment'].includes(argument.type as any)
+      ) {
         reactFunctionalComponent.returnsJsx = true;
       }
     }

tests/rules/cognitive-complexity.test.ts

@@ -491,6 +491,24 @@ ruleTester.run('cognitive-complexity', rule, {
       options: [0],
       errors: [message(1, { line: 2 }), message(1, { line: 3 })],
     },
+    {
+      code: `
+      const Welcome = () => {
+        const handleSomething = () => {
+          if (x) {} // +1
+        }
+        if (x) {} // +1
+        return (
+          <>
+            <h1>Hello, world</h1>
+            <p>cat</p>
+          </>
+        );
+      }`,
+      parserOptions: { ecmaFeatures: { jsx: true } },
+      options: [0],
+      errors: [message(1, { line: 2 }), message(1, { line: 3 })],
+    },
   ],
 });