Test .tsx file.

Author: sainthkh

test/e2e/e2e_spec.js

@@ -34,7 +34,7 @@ describe('browserify preprocessor - e2e', function () {
 })
 
 describe('typescript', function () {
-  it('handles typescript when the path is given', function () {
+  it('handles .ts file when the path is given', function () {
     return bundle('math_spec.ts', {
       typescript: require.resolve('typescript'),
     }).then((output) => {
@@ -43,9 +43,22 @@ describe('typescript', function () {
     })
   })
 
-  it('cannot handle typescript when the path is not given', function () {
+  it('handles .tsx file when the path is given', function () {
+    return bundle('math_spec.ts', {
+      typescript: require.resolve('typescript'),
+    }).then((output) => {
+      // check that bundled tests work
+      eval(output)
+    })
+  })
+
+  it('cannot handle .ts file when the path is not given', function () {
     expect(() => bundle('math_spec.ts')).to.throw
   })
+
+  it('cannot handle .tsx file when the path is not given', function () {
+    expect(() => bundle('math_spec.tsx')).to.throw
+  })
 })
 
 describe('imports and exports', () => {

test/fixtures/math_spec.tsx

@@ -0,0 +1,9 @@
+import math from './math'
+
+interface Props {
+  greeting: string
+}
+
+export const Foo = ({ greeting }: Props) => {
+  return <div>{greeting}{math.add(1, 2)}</div>
+}