From 6ee8fc0ce7b704653134fb21cb8e00a5bde148b9 Mon Sep 17 00:00:00 2001
From: Eduardo Speroni <edusperoni@gmail.com>
Date: Tue, 26 Mar 2019 18:58:59 -0300
Subject: [PATCH] test: clickable-span test page

---
 apps/app/ui-tests-app/css/clickable-span.ts  |  9 +++++++++
 apps/app/ui-tests-app/css/clickable-span.xml | 17 +++++++++++++++++
 apps/app/ui-tests-app/css/main-page.ts       |  1 +
 3 files changed, 27 insertions(+)
 create mode 100644 apps/app/ui-tests-app/css/clickable-span.ts
 create mode 100644 apps/app/ui-tests-app/css/clickable-span.xml

diff --git a/apps/app/ui-tests-app/css/clickable-span.ts b/apps/app/ui-tests-app/css/clickable-span.ts
new file mode 100644
index 000000000..bb77c8b60
--- /dev/null
+++ b/apps/app/ui-tests-app/css/clickable-span.ts
@@ -0,0 +1,9 @@
+import { EventData, TextBase } from "tns-core-modules/ui/text-base";
+
+export function foxTap(args: EventData) {
+    console.log("foxTap");
+}
+
+export function dogTap(args: EventData) {
+    console.log("dogTap");
+}
diff --git a/apps/app/ui-tests-app/css/clickable-span.xml b/apps/app/ui-tests-app/css/clickable-span.xml
new file mode 100644
index 000000000..6d90f0905
--- /dev/null
+++ b/apps/app/ui-tests-app/css/clickable-span.xml
@@ -0,0 +1,17 @@
+<Page>
+  <StackLayout>
+    <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;" linkClick="foxTap"/>
+            <Span text=" jumps over the lazy " style="font-weight: bold; color: red;" />
+            <Span text="dog" style="font-weight: bold; color: blue;" linkClick="dogTap"/>
+            <Span text="." style="font-weight: bold; color: green;" />
+          </FormattedString.spans>
+        </FormattedString>
+      </Label.formattedText>
+    </Label>
+  </StackLayout>
+</Page>
\ No newline at end of file
diff --git a/apps/app/ui-tests-app/css/main-page.ts b/apps/app/ui-tests-app/css/main-page.ts
index 464da8189..b43b01325 100644
--- a/apps/app/ui-tests-app/css/main-page.ts
+++ b/apps/app/ui-tests-app/css/main-page.ts
@@ -44,5 +44,6 @@ export function loadExamples() {
     examples.set("background-shorthand", "css/background-shorthand");
     examples.set("background-image-linear-gradient", "css/background-image-linear-gradient");
     examples.set("background-image", "css/background-image");
+    examples.set("clickable-span", "css/clickable-span");
     return examples;
 }
\ No newline at end of file