Add line-height test page (NativeScript#4638)

Vasil Chimev · web-flow · commit c26f1c916a31 · 2017-08-02T09:30:29.000+03:00
* Add lineHeight property to text-base.d.ts

* Add line-height test page
diff --git a/apps/app/ui-tests-app/css/line-height.ts 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;
+}
diff --git a/apps/app/ui-tests-app/css/line-height.xml 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>
diff --git 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;
 }
diff --git 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.
      */
