add test cases

jsx-eslint · Oct 24, 2021 · 65eb9b6 · 65eb9b6
1 parent ac47d4b
commit 65eb9b6
Showing 1 changed file with 81 additions and 0 deletions.
diff --git a/tests/lib/rules/prop-types.js b/tests/lib/rules/prop-types.js
@@ -3435,6 +3435,18 @@ ruleTester.run('prop-types', rule, {
       `,
       features: ['ts', 'no-babel'],
     },
+    {
+      code: `
+          import React, { ForwardRefRenderFunction } from 'react'
+
+          type IfooProps = { e: string };
+            const Foo: ForwardRefRenderFunction<HTMLDivElement, IfooProps> = (props, ref) => {
+            const { e } = props;
+            return  <div ref={ref}>hello</div>;
+          };
+      `,
+      features: ['ts', 'no-babel'],
+    },
     {
       code: `
           import React from 'react'
@@ -3459,6 +3471,39 @@ ruleTester.run('prop-types', rule, {
       `,
       features: ['ts', 'no-babel'],
     },
+    {
+      code: `
+        import React from 'react'
+        type IfooProps = { e: string };
+        const Foo= React.forwardRef<HTMLDivElement, IfooProps>(function Foo(props, ref) {
+          const { e } = props;
+          return  <div ref={ref}>hello</div>;
+        });
+      `,
+      features: ['ts', 'no-babel'],
+    },
+    {
+      code: `
+        import React from 'react'
+        interface IfooProps { e: string }
+        const Foo= React.forwardRef<HTMLDivElement, IfooProps>(function Foo(props, ref) {
+          const { e } = props;
+          return  <div ref={ref}>hello</div>;
+        });
+      `,
+      features: ['ts', 'no-babel'],
+    },
+    {
+      code: `
+        import React, { forwardRef } from 'react'
+        interface IfooProps { e: string }
+        const Foo= forwardRef<HTMLDivElement, IfooProps>(function Foo(props, ref) {
+          const { e } = props;
+          return  <div ref={ref}>hello</div>;
+        });
+      `,
+      features: ['ts', 'no-babel'],
+    },
     {
       code: `
           import React, { forwardRef as X } from 'react'
@@ -7235,6 +7280,42 @@ ruleTester.run('prop-types', rule, {
         },
       ],
       features: ['ts', 'no-babel'],
+    },
+    {
+      code: `
+        import React from 'react'
+
+        type IfooProps = { e: string };
+        const Foo= React.forwardRef<HTMLDivElement, IfooProps>(function Foo(props, ref) {
+          const { l } = props;
+          return  <div ref={ref}>hello</div>;
+        });
+      `,
+      errors: [
+        {
+          messageId: 'missingPropType',
+          data: { name: 'l' },
+        },
+      ],
+      features: ['ts', 'no-babel'],
+    },
+    {
+      code: `
+        import React, { forwardRef } from 'react'
+
+        type IfooProps = { e: string };
+        const Foo= forwardRef<HTMLDivElement, IfooProps>(function Foo(props, ref) {
+          const { l } = props;
+          return  <div ref={ref}>hello</div>;
+        });
+      `,
+      errors: [
+        {
+          messageId: 'missingPropType',
+          data: { name: 'l' },
+        },
+      ],
+      features: ['ts', 'no-babel'],
     }
   )),
 });