From 6dec0f5ea6d3011c7e10ca7dff8ed970b2e72374 Mon Sep 17 00:00:00 2001
From: Kanchalai Tanglertsampan <yuisu@microsoft.com>
Date: Thu, 9 Feb 2017 12:40:08 -0800
Subject: [PATCH] Add language service test when element type is a union type

---
 .../tsxCompletionUnionElementType.ts          | 23 ++++++++++++++++
 .../tsxFindAllReferencesUnionElementType1.ts  | 24 +++++++++++++++++
 .../tsxFindAllReferencesUnionElementType2.ts  | 23 ++++++++++++++++
 .../tsxGoToDefinitionUnionElementType1.ts     | 26 +++++++++++++++++++
 .../tsxGoToDefinitionUnionElementType2.ts     | 26 +++++++++++++++++++
 5 files changed, 122 insertions(+)
 create mode 100644 tests/cases/fourslash/tsxCompletionUnionElementType.ts
 create mode 100644 tests/cases/fourslash/tsxFindAllReferencesUnionElementType1.ts
 create mode 100644 tests/cases/fourslash/tsxFindAllReferencesUnionElementType2.ts
 create mode 100644 tests/cases/fourslash/tsxGoToDefinitionUnionElementType1.ts
 create mode 100644 tests/cases/fourslash/tsxGoToDefinitionUnionElementType2.ts

diff --git a/tests/cases/fourslash/tsxCompletionUnionElementType.ts b/tests/cases/fourslash/tsxCompletionUnionElementType.ts
new file mode 100644
index 0000000000..4a1044e20a
--- /dev/null
+++ b/tests/cases/fourslash/tsxCompletionUnionElementType.ts
@@ -0,0 +1,23 @@
+/// <reference path='fourslash.ts' />
+
+//@Filename: file.tsx
+// @jsx: preserve
+// @noLib: true
+
+//// declare module JSX {
+////     interface Element { }
+////     interface IntrinsicElements {
+////     }
+////     interface ElementAttributesProperty { props; }
+//// }
+//// function SFC1(prop: { x: number }) {
+////     return <div>hello </div>;
+//// };
+//// function SFC2(prop: { x: boolean }) {
+////     return <h1>World </h1>;
+//// }
+//// var SFCComp = SFC1 || SFC2;
+//// <SFCComp /**/ />
+
+goTo.marker();
+verify.completionListContains("x", "(property) x: number | boolean");
\ No newline at end of file
diff --git a/tests/cases/fourslash/tsxFindAllReferencesUnionElementType1.ts b/tests/cases/fourslash/tsxFindAllReferencesUnionElementType1.ts
new file mode 100644
index 0000000000..e7c2a1a567
--- /dev/null
+++ b/tests/cases/fourslash/tsxFindAllReferencesUnionElementType1.ts
@@ -0,0 +1,24 @@
+/// <reference path='fourslash.ts' />
+
+//@Filename: file.tsx
+// @jsx: preserve
+// @noLib: true
+
+//// declare module JSX {
+////     interface Element { }
+////     interface IntrinsicElements {
+////     }
+////     interface ElementAttributesProperty { props; }
+//// }
+//// 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" } />
+
+verify.rangesReferenceEachOther();
\ No newline at end of file
diff --git a/tests/cases/fourslash/tsxFindAllReferencesUnionElementType2.ts b/tests/cases/fourslash/tsxFindAllReferencesUnionElementType2.ts
new file mode 100644
index 0000000000..3089279b2e
--- /dev/null
+++ b/tests/cases/fourslash/tsxFindAllReferencesUnionElementType2.ts
@@ -0,0 +1,23 @@
+/// <reference path='fourslash.ts' />
+
+//@Filename: file.tsx
+// @jsx: preserve
+// @noLib: true
+
+//// class RC1 extends React.Component<{}, {}> {
+////     render() {
+////         return null;
+////     }
+//// }
+
+//// class RC2 extends React.Component<{}, {}> {
+////     render() {
+////         return null;
+////     }
+////     private method() { }
+//// }
+
+//// var [|RCComp|] = RC1 || RC2;
+//// <[|RCComp|] />
+
+verify.rangesReferenceEachOther();
\ No newline at end of file
diff --git a/tests/cases/fourslash/tsxGoToDefinitionUnionElementType1.ts b/tests/cases/fourslash/tsxGoToDefinitionUnionElementType1.ts
new file mode 100644
index 0000000000..db78f46f3a
--- /dev/null
+++ b/tests/cases/fourslash/tsxGoToDefinitionUnionElementType1.ts
@@ -0,0 +1,26 @@
+/// <reference path='fourslash.ts' />
+
+//@Filename: file.tsx
+// @jsx: preserve
+// @noLib: true
+
+//// declare module JSX {
+////     interface Element { }
+////     interface IntrinsicElements {
+////     }
+////     interface ElementAttributesProperty { props; }
+//// }
+//// function /*pt1*/SFC1(prop: { x: number }) {
+////     return <div>hello </div>;
+//// };
+
+//// function SFC2(prop: { x: boolean }) {
+////     return <h1>World </h1>;
+//// }
+
+//// var SFCComp = SFC1 || SFC2;
+//// <SFC/*one*/Comp x />
+
+verify.goToDefinition({
+    "one": "pt1"
+})
\ No newline at end of file
diff --git a/tests/cases/fourslash/tsxGoToDefinitionUnionElementType2.ts b/tests/cases/fourslash/tsxGoToDefinitionUnionElementType2.ts
new file mode 100644
index 0000000000..75ca81998a
--- /dev/null
+++ b/tests/cases/fourslash/tsxGoToDefinitionUnionElementType2.ts
@@ -0,0 +1,26 @@
+/// <reference path='fourslash.ts' />
+
+//@Filename: file.tsx
+// @jsx: preserve
+// @noLib: true
+
+//// class RC1 extends React.Component<{}, {}> {
+////     render() {
+////         return null;
+////     }
+//// }
+
+//// class RC2 extends React.Component<{}, {}> {
+////     render() {
+////         return null;
+////     }
+////     private method() { }
+//// }
+
+//// var /*pt1*/RCComp = RC1 || RC2;
+
+//// <RC/*one*/Comp />
+
+verify.goToDefinition({
+    "one": "pt1"
+})
\ No newline at end of file