Add TypeScript tests for update-react-imports

Author: gaearon

transforms/__testfixtures__/update-react-imports/typescript/default-and-multiple-specifiers-import-react-variable.tsx.input.js

@@ -0,0 +1,5 @@
+import React, { createElement, useState } from "react";
+
+React.createElement('div', {});
+
+<div>Hi</div>;

transforms/__testfixtures__/update-react-imports/typescript/default-and-multiple-specifiers-import-react-variable.tsx.output.js

@@ -0,0 +1,6 @@
+import { createElement, useState } from "react";
+import * as React from "react";
+
+React.createElement('div', {});
+
+<div>Hi</div>;

transforms/__testfixtures__/update-react-imports/typescript/default-and-multiple-specifiers-import.tsx.input.js

@@ -0,0 +1,3 @@
+import React, { createElement, useState } from "react";
+
+<div>Hi</div>;

transforms/__testfixtures__/update-react-imports/typescript/default-and-multiple-specifiers-import.tsx.output.js

@@ -0,0 +1,3 @@
+import { createElement, useState } from "react";
+
+<div>Hi</div>;

transforms/__testfixtures__/update-react-imports/typescript/jsx-element.tsx.input.js

@@ -0,0 +1,3 @@
+import * as React from "react";
+
+<div>Hi</div>;

transforms/__testfixtures__/update-react-imports/typescript/jsx-element.tsx.output.js

@@ -0,0 +1 @@
+<div>Hi</div>;

transforms/__testfixtures__/update-react-imports/typescript/jsx-fragment.tsx.input.js

@@ -0,0 +1,3 @@
+import * as React from "react";
+
+<></>;

transforms/__testfixtures__/update-react-imports/typescript/jsx-fragment.tsx.output.js

@@ -0,0 +1 @@
+<></>;

transforms/__testfixtures__/update-react-imports/typescript/leading-comment.tsx.input.js

@@ -0,0 +1,7 @@
+/**
+ * Hello world.
+ */
+
+import * as React from "react";
+
+<div></div>;

transforms/__testfixtures__/update-react-imports/typescript/leading-comment.tsx.output.js

@@ -0,0 +1,5 @@
+/**
+ * Hello world.
+ */
+
+<div></div>;

transforms/__testfixtures__/update-react-imports/typescript/react-already-used-named-export.tsx.input.js

@@ -0,0 +1,3 @@
+import * as React from 'react';
+
+React.useState(false);

transforms/__testfixtures__/update-react-imports/typescript/react-already-used-named-export.tsx.output.js

@@ -0,0 +1,5 @@
+import React from "react";
+
+React.createElement('div', {});
+
+<div></div>;

transforms/__testfixtures__/update-react-imports/typescript/react-basic-default-export-jsx-element-react-variable.tsx.input.js

@@ -0,0 +1,5 @@
+import { createElement } from "react";
+
+createElement('div', {});
+
+<div></div>;

transforms/__testfixtures__/update-react-imports/typescript/react-basic-default-export-jsx-element-react-variable.tsx.output.js

@@ -0,0 +1,3 @@
+import React from "react";
+
+<div></div>;

transforms/__testfixtures__/update-react-imports/typescript/react-basic-default-export-jsx-element.tsx.input.js

@@ -0,0 +1 @@
+<div></div>;

transforms/__testfixtures__/update-react-imports/typescript/react-basic-default-export-jsx-element.tsx.output.js

@@ -0,0 +1,3 @@
+import React from "react";
+
+React.createElement('div', 'la');

transforms/__testfixtures__/update-react-imports/typescript/react-basic-default-export.tsx.input.js

@@ -0,0 +1,3 @@
+import { createElement } from "react";
+
+createElement('div', 'la');

transforms/__testfixtures__/update-react-imports/typescript/react-basic-default-export.tsx.output.js

@@ -0,0 +1,3 @@
+import React, { useState } from 'react';
+
+<React.Fragment />

transforms/__testfixtures__/update-react-imports/typescript/react-jsx-member-expression.tsx.input.js

@@ -0,0 +1,3 @@
+import { Fragment, useState } from 'react';
+
+<Fragment />

transforms/__testfixtures__/update-react-imports/typescript/react-jsx-member-expression.tsx.output.js

@@ -0,0 +1,7 @@
+import React from "react";
+
+React.createElement('div', {});
+
+Promise.resolve(React);
+
+<div>Hi</div>

transforms/__testfixtures__/update-react-imports/typescript/react-not-removed.tsx.input.js

@@ -0,0 +1,7 @@
+import * as React from "react";
+
+React.createElement('div', {});
+
+Promise.resolve(React);
+
+<div>Hi</div>

transforms/__testfixtures__/update-react-imports/typescript/react-not-removed.tsx.output.js

@@ -0,0 +1,7 @@
+import * as React from "react";
+
+React.createElement('div', {});
+
+createElement('someFunction');
+
+<div>Hi</div>;

transforms/__testfixtures__/update-react-imports/typescript/variable-already-used.tsx.input.js

@@ -8,20 +8,23 @@
 
 'use strict';
 
+const flowOnlyTests = [
+  'flow-default-and-type-specifier-import-react-variable',
+  'flow-default-and-type-specifier-import',
+  'react-type-not-removed',
+  'react-type-default-export',
+];
+
 const tests = [
   'default-and-multiple-specifiers-import-react-variable',
   'default-and-multiple-specifiers-import',
-  'flow-default-and-type-specifier-import-react-variable',
-  'flow-default-and-type-specifier-import',
   'jsx-element',
   'jsx-fragment',
   'leading-comment',
   'react-basic-default-export-jsx-element-react-variable',
   'react-basic-default-export-jsx-element',
   'react-basic-default-export',
-  'react-type-default-export',
   'react-not-removed',
-  'react-type-not-removed',
   'variable-already-used',
   'react-jsx-member-expression',
   'react-already-used-named-export',
@@ -35,11 +38,37 @@ jest.mock('../update-react-imports', () => {
 
 const defineTest = require('jscodeshift/dist/testUtils').defineTest;
 
-tests.forEach((test) => {
+[...tests, ...flowOnlyTests].forEach((test) => {
   defineTest(
     __dirname,
     'update-react-imports',
     null,
     `update-react-imports/${test}`
   );
 });
+
+describe('typescript', () => {
+  beforeEach(() => {
+    jest.mock('../update-react-imports', () => {
+      return Object.assign(
+        require.requireActual('../update-react-imports'),
+        {
+          parser: 'tsx'
+        }
+      );
+    });
+  });
+
+  afterEach(() => {
+    jest.resetModules();
+  });
+
+  [...tests].forEach((test) => {
+    defineTest(
+      __dirname,
+      'update-react-imports',
+      null,
+      `update-react-imports/typescript/${test}.tsx`
+    );
+  });
+});