[eslint] Add test for component syntax

compiler/packages/eslint-plugin-react-forget/__tests__/ReactForgetDiagnostics-test.ts

@@ -6,7 +6,6 @@
  */
 
 import { RuleTester as ESLintTester } from "eslint";
-import * as HermesEslintParser from "hermes-eslint";
 import ReactForgetDiagnostics from "../src/rules/ReactForgetDiagnostics";
 
 /**
@@ -38,6 +37,18 @@ const tests: ForgetTestCases = {
         }
       `,
     },
+    {
+      name: "Basic example with component syntax",
+      code: normalizeIndent`
+        export default component HelloWorld(
+          text: string = 'Hello!',
+          onClick: () => void,
+        ) {
+          'use forget';
+          return <div onClick={onClick}>{text}</div>;
+        }
+      `,
+    },
     {
       name: "Unsupported syntax",
       code: normalizeIndent`
@@ -121,10 +132,11 @@ const tests: ForgetTestCases = {
 };
 
 const eslintTester = new ESLintTester({
-  parser: HermesEslintParser,
+  parser: require.resolve("hermes-eslint"),
   parserOptions: {
     ecmaVersion: 2015,
     sourceType: "module",
+    enableExperimentalComponentSyntax: true,
   },
 });
 eslintTester.run("react-forget-diagnostics", ReactForgetDiagnostics, tests);

compiler/packages/eslint-plugin-react-forget/src/rules/ReactForgetDiagnostics.ts

@@ -83,6 +83,7 @@ const rule: Rule.RuleModule = {
 
     const babelAST = HermesParser.parse(sourceCode, {
       babel: true,
+      enableExperimentalComponentSyntax: true,
       sourceFilename: filename,
       sourceType: "module",
     });