diff --git a/tests/cases/conformance/jsx/tsxUnionElementType1.tsx b/tests/cases/conformance/jsx/tsxUnionElementType1.tsx
new file mode 100644
index 00000000000..300f0e95172
--- /dev/null
+++ b/tests/cases/conformance/jsx/tsxUnionElementType1.tsx
@@ -0,0 +1,17 @@
+// @filename: file.tsx
+// @jsx: react
+// @noLib: true
+// @libFiles: react.d.ts,lib.d.ts
+
+import React = require('react');
+
+function SFC1(prop: { x: number }) {
+    return <div>hello</div>;
+};
+
+function SFC2(prop: { x: boolean }) {
+    return <h1>World </h1>;
+}
+
+var SFCComp = SFC1 || SFC2;
+<SFCComp x />
\ No newline at end of file
diff --git a/tests/cases/conformance/jsx/tsxUnionElementType2.tsx b/tests/cases/conformance/jsx/tsxUnionElementType2.tsx
new file mode 100644
index 00000000000..6a9ccd42b2e
--- /dev/null
+++ b/tests/cases/conformance/jsx/tsxUnionElementType2.tsx
@@ -0,0 +1,17 @@
+// @filename: file.tsx
+// @jsx: react
+// @noLib: true
+// @libFiles: react.d.ts,lib.d.ts
+
+import React = require('react');
+
+function SFC1(prop: { x: number }) {
+    return <div>hello</div>;
+};
+
+function SFC2(prop: { x: boolean }) {
+    return <h1>World </h1>;
+}
+
+var SFCComp = SFC1 || SFC2;
+<SFCComp x={"hi"}/>
\ No newline at end of file