From c26f1c916a313c6950aa34eef644d79b394a867e Mon Sep 17 00:00:00 2001
From: Vasil Chimev <Vasil.Chimev@telerik.com>
Date: Wed, 2 Aug 2017 09:30:29 +0300
Subject: [PATCH] Add line-height test page (#4638)

* Add lineHeight property to text-base.d.ts

* Add line-height test page
---
 apps/app/ui-tests-app/css/line-height.ts     | 20 +++++++++++++++++++
 apps/app/ui-tests-app/css/line-height.xml    | 21 ++++++++++++++++++++
 apps/app/ui-tests-app/css/main-page.ts       |  2 +-
 tns-core-modules/ui/text-base/text-base.d.ts |  5 +++++
 4 files changed, 47 insertions(+), 1 deletion(-)
 create mode 100644 apps/app/ui-tests-app/css/line-height.ts
 create mode 100644 apps/app/ui-tests-app/css/line-height.xml

diff --git a/apps/app/ui-tests-app/css/line-height.ts b/apps/app/ui-tests-app/css/line-height.ts
new file mode 100644
index 000000000..2254d7876
--- /dev/null
+++ b/apps/app/ui-tests-app/css/line-height.ts
@@ -0,0 +1,20 @@
+import { EventData, TextBase } from "tns-core-modules/ui/text-base";
+
+const values = [3, 7, 13];
+
+export function buttonTap(args: EventData) {
+    let page = (<TextBase>args.object).page;
+    let lbl = <TextBase>page.getViewById("label");
+    let btn = <TextBase>page.getViewById("button");
+    let tv = <TextBase>page.getViewById("textView");
+    let ft = <TextBase>page.getViewById("formattedText");
+
+    let index = values.indexOf(lbl.lineHeight);
+    let newIndex = (index + 1) % values.length;
+    let newValue = values[newIndex];
+
+    lbl.lineHeight = newValue;
+    btn.lineHeight = newValue;
+    tv.lineHeight = newValue;
+    ft.lineHeight = newValue;
+}
\ No newline at end of file
diff --git a/apps/app/ui-tests-app/css/line-height.xml b/apps/app/ui-tests-app/css/line-height.xml
new file mode 100644
index 000000000..362445b1e
--- /dev/null
+++ b/apps/app/ui-tests-app/css/line-height.xml
@@ -0,0 +1,21 @@
+<Page>
+  <StackLayout>
+    <Button automationText="Change" text="Change" tap="buttonTap" />
+    <Label automationText="label" id="label" textWrap="true" style="text-decoration: underline; text-transform: capitalize; letter-spacing: 0.1; line-height: 7;"
+      text="The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog." />
+    <Button automationText="button" id="button" ios:textWrap="true" style="text-decoration: underline; text-transform: capitalize; letter-spacing: 0.1; line-height: 7;"
+      text="The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog." />
+    <TextView automationText="textView" id="textView" style="text-decoration: underline; text-transform: capitalize; letter-spacing: 0.1; line-height: 7;"
+      text="The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog." />
+    <Label automationText="formattedText" id="formattedText" textWrap="true" style="text-decoration: underline; text-transform: capitalize; letter-spacing: 0.1; line-height: 7;">
+      <Label.formattedText>
+        <FormattedString>
+          <FormattedString.spans>
+            <Span text="The quick brown fox jumps over the lazy dog." style="font-weight: bold; color: green;" />
+            <Span text="The quick brown fox jumps over the lazy dog." style="font-style: italic; color: blue;" />
+          </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 85baa75c3..fa77cffd1 100644
--- a/apps/app/ui-tests-app/css/main-page.ts
+++ b/apps/app/ui-tests-app/css/main-page.ts
@@ -14,6 +14,7 @@ export function loadExamples() {
     examples.set("formatted", "css/decoration-transform-formattedtext");
     examples.set("radius", "css/radius");
     examples.set("spacing", "css/letter-spacing");
+    examples.set("line-height", "css/line-height");
     examples.set("decoration", "css/text-decoration");
     examples.set("transform", "css/text-transform");
     examples.set("whitespace", "css/white-space");
@@ -39,6 +40,5 @@ export function loadExamples() {
     examples.set("styled-formatted-text", "css/styled-formatted-text");
     examples.set("non-uniform-radius", "css/non-uniform-radius");
     examples.set("missing-background-image", "css/missing-background-image");
-
     return examples;
 }
\ No newline at end of file
diff --git a/tns-core-modules/ui/text-base/text-base.d.ts b/tns-core-modules/ui/text-base/text-base.d.ts
index 93b4294a5..b852c45f8 100644
--- a/tns-core-modules/ui/text-base/text-base.d.ts
+++ b/tns-core-modules/ui/text-base/text-base.d.ts
@@ -29,6 +29,11 @@ export class TextBase extends View implements AddChildFromBuilder {
      */
     letterSpacing: number;
 
+    /**
+     * Gets or sets lineHeight style property.
+     */
+    lineHeight: number;
+
     /**
      * Gets or sets text-alignment style property.
      */