From f0066dafb054f9a2bd12f26b8287a78619a1c75e Mon Sep 17 00:00:00 2001
From: Vasko <v.trifonov@gmail.com>
Date: Thu, 2 Apr 2020 16:25:49 +0300
Subject: [PATCH 1/2] test: added missing page

---
 .../app/button/tappable-span-page.ts          | 28 +++++++++++++++++++
 .../app/button/tappable-span-page.xml         | 19 +++++++++++++
 2 files changed, 47 insertions(+)
 create mode 100644 e2e/ui-tests-app/app/button/tappable-span-page.ts
 create mode 100644 e2e/ui-tests-app/app/button/tappable-span-page.xml

diff --git a/e2e/ui-tests-app/app/button/tappable-span-page.ts b/e2e/ui-tests-app/app/button/tappable-span-page.ts
new file mode 100644
index 0000000000..9cd0562b1f
--- /dev/null
+++ b/e2e/ui-tests-app/app/button/tappable-span-page.ts
@@ -0,0 +1,28 @@
+import { Visibility } from "tns-core-modules/ui/styling/style-properties";
+import { Label } from "tns-core-modules/ui/label";
+import { EventData, TextBase } from "tns-core-modules/ui/text-base";
+import { Page } from "tns-core-modules/ui/page";
+
+export function foxTap(args: EventData) {
+    let page = <Page>(<any>args.object).page;
+    let foxTapped = page.getViewById<Label>("foxTapped");
+    foxTapped.visibility = Visibility.VISIBLE;
+
+    setTimeout(() => {
+        foxTapped.visibility = Visibility.HIDDEN;
+    }, 1000);
+
+    console.log("foxTap");
+}
+
+export function dogTap(args: EventData) {
+    let page = <Page>(<any>args.object).page;
+    let dogTapped = page.getViewById<Label>("dogTapped");
+    dogTapped.visibility = Visibility.VISIBLE;
+
+    setTimeout(() => {
+        dogTapped.visibility = Visibility.HIDDEN;
+    }, 1000);
+
+    console.log("dogTap");
+}
diff --git a/e2e/ui-tests-app/app/button/tappable-span-page.xml b/e2e/ui-tests-app/app/button/tappable-span-page.xml
new file mode 100644
index 0000000000..a72dbd3d80
--- /dev/null
+++ b/e2e/ui-tests-app/app/button/tappable-span-page.xml
@@ -0,0 +1,19 @@
+<Page>
+  <StackLayout style="font-size: 50">
+    <Label automationText="formattedText" id="formattedText" textWrap="true" style="text-transform: capitalize;">
+      <Label.formattedText>
+        <FormattedString>
+          <FormattedString.spans>
+            <Span text="The quick brown " style="font-weight: bold; color: green;" />
+            <Span text="fox" style="font-weight: italic; color: green;" linkTap="foxTap"/>
+            <Span text=" jumps over the lazy " style="font-weight: bold; color: red;" />
+            <Span text="dog" style="font-weight: bold; color: blue;" linkTap="dogTap"/>
+            <Span text="." style="font-weight: bold; color: green;" />
+          </FormattedString.spans>
+        </FormattedString>
+      </Label.formattedText>
+    </Label>
+    <Label id="foxTapped" text="Fox tapped" visibility="hidden" color="green"/>
+    <Label id="dogTapped" text="Dog tapped" visibility="hidden" color="blue"/>
+  </StackLayout>
+</Page>
\ No newline at end of file

From 2bc6bba8960569a152f7a0faf177fbf8d9180e83 Mon Sep 17 00:00:00 2001
From: Vasko <v.trifonov@gmail.com>
Date: Fri, 3 Apr 2020 09:43:03 +0300
Subject: [PATCH 2/2] fix: use strings instead of Visiblity

---
 e2e/ui-tests-app/app/button/tappable-span-page.ts | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/e2e/ui-tests-app/app/button/tappable-span-page.ts b/e2e/ui-tests-app/app/button/tappable-span-page.ts
index 9cd0562b1f..44e1a5c937 100644
--- a/e2e/ui-tests-app/app/button/tappable-span-page.ts
+++ b/e2e/ui-tests-app/app/button/tappable-span-page.ts
@@ -1,15 +1,14 @@
-import { Visibility } from "tns-core-modules/ui/styling/style-properties";
-import { Label } from "tns-core-modules/ui/label";
+import { Label } from "tns-core-modules/ui/label";
 import { EventData, TextBase } from "tns-core-modules/ui/text-base";
 import { Page } from "tns-core-modules/ui/page";
 
 export function foxTap(args: EventData) {
     let page = <Page>(<any>args.object).page;
     let foxTapped = page.getViewById<Label>("foxTapped");
-    foxTapped.visibility = Visibility.VISIBLE;
+    foxTapped.visibility = "visible";
 
     setTimeout(() => {
-        foxTapped.visibility = Visibility.HIDDEN;
+        foxTapped.visibility = "hidden";
     }, 1000);
 
     console.log("foxTap");
@@ -18,10 +17,10 @@ export function foxTap(args: EventData) {
 export function dogTap(args: EventData) {
     let page = <Page>(<any>args.object).page;
     let dogTapped = page.getViewById<Label>("dogTapped");
-    dogTapped.visibility = Visibility.VISIBLE;
+    dogTapped.visibility = "visible";
 
     setTimeout(() => {
-        dogTapped.visibility = Visibility.HIDDEN;
+        dogTapped.visibility = "hidden";
     }, 1000);
 
     console.log("dogTap");