feat(ts-migrate/rename): support react fragment's short syntax

airbnb · Feb 28, 2021 · e852a1e · e852a1e
1 parent be941d8
commit e852a1e
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/packages/ts-migrate/commands/rename.ts b/packages/ts-migrate/commands/rename.ts
@@ -115,7 +115,7 @@ function findJSFiles(rootDir: string, configFile: string, sources?: string | str
  */
 function jsFileContainsJsx(jsFileName: string): boolean {
   const contents = fs.readFileSync(jsFileName, 'utf8');
-  return /(from ['"]react['"]|@jsx)/.test(contents) && /<[A-Za-z]/.test(contents);
+  return /(from ['"]react['"]|@jsx)/.test(contents) && /<[A-Za-z>]/.test(contents);
 }
 
 function updateProjectJson(rootDir: string) {

diff --git a/packages/ts-migrate/tests/commands/rename/input/dir-a/file-6.js b/packages/ts-migrate/tests/commands/rename/input/dir-a/file-6.js
@@ -0,0 +1,4 @@
+import React from 'react';
+
+// eslint-disable-next-line no-unused-vars
+const jsxInJsFile = <>Fragment</>;
diff --git a/packages/ts-migrate/tests/commands/rename/output/dir-a/file-6.tsx b/packages/ts-migrate/tests/commands/rename/output/dir-a/file-6.tsx
@@ -0,0 +1,4 @@
+import React from 'react';
+
+// eslint-disable-next-line no-unused-vars
+const jsxInJsFile = <>Fragment</>;