From 4d520e86dbfef8eb19037454068e41f833230fde Mon Sep 17 00:00:00 2001
From: Panayot Cankov <panayot.cankov@telerik.com>
Date: Thu, 23 Mar 2017 17:21:03 +0200
Subject: [PATCH 1/5] Added perf category in the tests suite and the synthetic
 properties perf app from HHristov

---
 apps/app/ui-tests-app/mainPage.ts             |   2 +
 apps/app/ui-tests-app/perf/main-page.ts       |  23 ++
 apps/app/ui-tests-app/perf/main-page.xml      |   6 +
 .../ui-tests-app/perf/properties/main-page.ts |  86 ++++++
 .../perf/properties/main-page.xml             |   7 +
 .../app/ui-tests-app/perf/properties/tests.ts | 289 ++++++++++++++++++
 6 files changed, 413 insertions(+)
 create mode 100644 apps/app/ui-tests-app/perf/main-page.ts
 create mode 100644 apps/app/ui-tests-app/perf/main-page.xml
 create mode 100644 apps/app/ui-tests-app/perf/properties/main-page.ts
 create mode 100644 apps/app/ui-tests-app/perf/properties/main-page.xml
 create mode 100644 apps/app/ui-tests-app/perf/properties/tests.ts

diff --git a/apps/app/ui-tests-app/mainPage.ts b/apps/app/ui-tests-app/mainPage.ts
index 296a51e2e..b2f03541b 100644
--- a/apps/app/ui-tests-app/mainPage.ts
+++ b/apps/app/ui-tests-app/mainPage.ts
@@ -38,6 +38,8 @@ export function pageLoaded(args: EventData) {
     examples.set("issues", "issues/main-page");
     examples.set("page", "page/main-page");
 
+    examples.set("perf", "perf/main-page");
+
     //examples.set("listview_binding", "pages/listview_binding");
     //examples.set("textfield", "text-field/text-field");
 
diff --git a/apps/app/ui-tests-app/perf/main-page.ts b/apps/app/ui-tests-app/perf/main-page.ts
new file mode 100644
index 000000000..820e8776d
--- /dev/null
+++ b/apps/app/ui-tests-app/perf/main-page.ts
@@ -0,0 +1,23 @@
+import { EventData } from "tns-core-modules/data/observable";
+import { MainPageViewModel } from "../mainPage";
+import { WrapLayout } from "tns-core-modules/ui/layouts/wrap-layout";
+import { Page } from "tns-core-modules/ui/page";
+
+export function pageLoaded(args: EventData) {
+    let page = <Page>args.object;
+    let view = require("ui/core/view");
+
+    let wrapLayout = view.getViewById(page, "wrapLayoutWithExamples");
+
+    let examples: Map<string, string> = new Map<string, string>();
+    examples.set("properties", "perf/properties/main-page");
+
+    let viewModel = new SubMainPageViewModel(wrapLayout, examples);
+    page.bindingContext = viewModel;
+}
+
+export class SubMainPageViewModel extends MainPageViewModel {
+    constructor(container: WrapLayout, examples: Map<string, string>) {
+        super(container, examples);
+    }
+}
diff --git a/apps/app/ui-tests-app/perf/main-page.xml b/apps/app/ui-tests-app/perf/main-page.xml
new file mode 100644
index 000000000..33306f0d0
--- /dev/null
+++ b/apps/app/ui-tests-app/perf/main-page.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<Page loaded="pageLoaded">
+    <ScrollView orientation="vertical" row="1">
+        <WrapLayout id="wrapLayoutWithExamples"/>
+    </ScrollView>
+</Page>
\ No newline at end of file
diff --git a/apps/app/ui-tests-app/perf/properties/main-page.ts b/apps/app/ui-tests-app/perf/properties/main-page.ts
new file mode 100644
index 000000000..5a7feb510
--- /dev/null
+++ b/apps/app/ui-tests-app/perf/properties/main-page.ts
@@ -0,0 +1,86 @@
+import { StackLayout } from "tns-core-modules/ui/layouts/stack-layout";
+import { Label } from "tns-core-modules/ui/label";
+import { TextView } from "tns-core-modules/ui/text-view";
+import { Button } from "tns-core-modules/ui/button";
+import { Page } from "tns-core-modules/ui/page";
+import { Color } from "tns-core-modules/color";
+import { isIOS } from "tns-core-modules/platform";
+
+import * as knownColors from "tns-core-modules/color/known-colors";
+
+import * as tests from "./tests";
+
+let red = new Color(knownColors.Red);
+let green = new Color(knownColors.Green);
+let blue = new Color(knownColors.Blue);
+let purple = new Color(knownColors.Purple);
+
+const c = [10, 100, 1000, 10000, 100000];
+
+function getStack(stack: StackLayout): StackLayout {
+    let p = new StackLayout();
+    stack.removeChildren();
+    stack.addChild(p);
+    return p;
+}
+
+let runner;
+
+export function onNavigatingFrom() {
+    clearInterval(runner);
+}
+
+export function onTap3(args) {
+    let btn = <Button>args.object;
+    const p = btn.page.getViewById<StackLayout>("placeholder");
+    btn.text = "Start tests...";
+
+    let result = btn.page.getViewById<TextView>("result");
+
+    result.text = "";
+
+    function track(line: string) {
+        console.log(line);
+        result.text += line + "\n";
+    }
+
+    let text = "Count";
+    c.forEach(e => {
+        text += `\t${e}`;
+    });
+    track(text);
+
+    let tasks = [
+        () => track(tests.setBackgroundColor(c)),
+        () => track(tests.setBackgroundColor(c, getStack(p))),
+        () => track(tests.setBindingContext(c)),
+        () => track(tests.setBindingContext(c, getStack(p))),
+        () => track(tests.setBindingContextWithParents(c, getStack(p))),
+        () => track(tests.setBindingContextWithParentsBound(c, getStack(p))),
+        () => track(tests.setBorderWidths(c)),
+        () => track(tests.setBorderWidths(c, getStack(p))),
+        () => track(tests.setFontSize(c)),
+        () => track(tests.setFontSize(c, getStack(p))),
+        () => track(tests.setFontSizeWithParents(c, getStack(p))),
+        () => track(tests.setFontWeight(c)),
+        () => track(tests.setFontWeight(c, getStack(p))),
+        () => track(tests.setFontWeightWithParents(c, getStack(p))),
+        () => track(tests.setColor(c)),
+        () => track(tests.setColor(c, getStack(p))),
+        () => track(tests.setColorWithParents(c, getStack(p))),
+        () => track(tests.setText(c)),
+        () => track(tests.setText(c, getStack(p))),
+        () => track(tests.addRemove(c, getStack(p))),
+        () => track("Complete!")
+    ];
+    let i = 0;
+    runner = setInterval(nextTask, 1);
+    function nextTask() {
+        if (i < tasks.length) {
+            tasks[i]();
+            i++;
+        } else {
+            clearInterval(runner);
+        }
+    }
+}
diff --git a/apps/app/ui-tests-app/perf/properties/main-page.xml b/apps/app/ui-tests-app/perf/properties/main-page.xml
new file mode 100644
index 000000000..72c1f5c1d
--- /dev/null
+++ b/apps/app/ui-tests-app/perf/properties/main-page.xml
@@ -0,0 +1,7 @@
+<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingFrom="onNavigatingFrom">
+    <GridLayout rows="auto, *">
+        <StackLayout id="placeholder" rowSpan="2" opacity="0.2" />
+        <Button text="Start test..." tap="onTap3"/>
+        <TextView id="result" row="1" />
+    </GridLayout>
+</Page>
\ No newline at end of file
diff --git a/apps/app/ui-tests-app/perf/properties/tests.ts b/apps/app/ui-tests-app/perf/properties/tests.ts
new file mode 100644
index 000000000..bba6326b6
--- /dev/null
+++ b/apps/app/ui-tests-app/perf/properties/tests.ts
@@ -0,0 +1,289 @@
+import { LayoutBase } from "tns-core-modules/ui/layouts/layout-base";
+import { StackLayout } from "tns-core-modules/ui/layouts/stack-layout";
+import { Label } from "tns-core-modules/ui/label";
+
+const average = 3;
+
+const colors = ['red', 'green'];
+
+export function addRemove(counts: Array<number>, parent: LayoutBase): string {
+    let result = `addRemove`;
+    counts.forEach((count) => {
+        if (count > 10000)
+            return;
+
+        const lbl = new Label();
+        const time = executeTest(() => {
+            for (let i = 0; i < count; i++) {
+                parent.addChild(lbl);
+                parent.removeChild(lbl);
+            }
+        });
+
+        result += `\t${time}`;
+    });
+
+    return result;
+}
+
+export function setText(counts: Array<number>, parent?: LayoutBase): string {
+    let result = `setText ${parent ? 'with nativeView' : ''}`;
+    counts.forEach((count) => {
+        const lbl = setup(parent);
+        const style = lbl.style;
+        const time = executeTest(() => {
+            for (let i = 0; i < count; i++) {
+                lbl.text = colors[i % 2];
+            }
+        });
+        result += `\t${time}`;
+    });
+
+    return result;
+}
+
+export function setBackgroundColor(counts: Array<number>, parent?: LayoutBase): string {
+    let result = `setBackgroundColor ${parent ? 'with nativeView' : ''}`;
+    counts.forEach((count) => {
+        if (parent && count > 10000)
+            return;
+        const lbl = setup(parent);
+        const style = lbl.style;
+        const time = executeTest(() => {
+            for (let i = 0; i < count; i++) {
+                style.backgroundColor = <any>colors[i % 2];
+            }
+        });
+        result += `\t${time}`;
+    });
+
+    return result;
+}
+
+const borders = [1, 2, 3];
+export function setBorderWidths(counts: Array<number>, parent?: LayoutBase): string {
+    let result = `setBorderWidths ${parent ? 'with nativeView' : ''}`;
+    counts.forEach((count) => {
+        if (count > 10000 && parent)
+            return;
+
+        const lbl = setup(parent);
+        const style = lbl.style;
+        const time = executeTest(() => {
+            for (let i = 0; i < count; i++) {
+                style.borderLeftWidth = borders[i % 3];
+                style.borderTopWidth = borders[i % 3];
+                style.borderRightWidth = borders[i % 3];
+                style.borderBottomWidth = borders[i % 3];
+            }
+        });
+        result += `\t${time}`;
+    });
+
+    return result;
+}
+
+export function setColor(counts: Array<number>, parent?: LayoutBase): string {
+    let result = `setColor ${parent ? 'with nativeView' : ''}`;
+    counts.forEach((count) => {
+        const lbl = setup(parent);
+        const style = lbl.style;
+        const time = executeTest(() => {
+            for (let i = 0; i < count; i++) {
+                style.color = <any>colors[i % 2];
+            }
+        });
+        result += `\t${time}`;
+    });
+
+    return result;
+}
+
+export function setColorWithParents(counts: Array<number>, parent: LayoutBase): string {
+    let result = `setColorWithParents`;
+    const style = parent.style;
+    counts.forEach((count) => {
+        if (count > 10000)
+            return;
+        setupParents(parent);
+        const time = executeTest(() => {
+            for (let i = 0; i < count; i++) {
+                style.color = <any>colors[i % 2];
+            }
+        });
+        result += `\t${time}`;
+    });
+
+    return result;
+}
+
+const fontSizes = [10, 20];
+export function setFontSize(counts: Array<number>, parent?: LayoutBase): string {
+    let result = `setFontSize ${parent ? 'with nativeView' : ''}`;
+    counts.forEach((count) => {
+        const lbl = setup(parent);
+        const style = lbl.style;
+        const time = executeTest(() => {
+            for (let i = 0; i < count; i++) {
+                style.fontSize = fontSizes[i % 2];
+            }
+        });
+        result += `\t${time}`;
+    });
+
+    return result;
+}
+
+export function setFontSizeWithParents(counts: Array<number>, parent: LayoutBase): string {
+    let result = `setFontSizeWithParents`;
+    const style = parent.style;
+    counts.forEach((count) => {
+        if (count > 1000)
+            return;
+        setupParents(parent);
+        const time = executeTest(() => {
+            for (let i = 0; i < count; i++) {
+                style.fontSize = fontSizes[i % 2];
+            }
+        });
+        result += `\t${time}`;
+    });
+
+    return result;
+}
+
+export function setFontWeight(counts: Array<number>, parent?: LayoutBase): string {
+    let result = `setFontWeight ${parent ? 'with nativeView' : ''}`;
+    counts.forEach((count) => {
+        const lbl = setup(parent);
+        const style = lbl.style;
+        const time = executeTest(() => {
+            for (let i = 0; i < count; i++) {
+                style.fontWeight = i % 2 === 0 ? 'bold' : 'normal';
+            }
+        });
+        result += `\t${time}`;
+    });
+
+    return result;
+}
+
+export function setFontWeightWithParents(counts: Array<number>, parent: LayoutBase): string {
+    let result = `setFontWeightWithParents`;
+    const style = parent.style;
+    counts.forEach((count) => {
+        if (count > 1000)
+            return;
+        setupParents(parent);
+        const time = executeTest(() => {
+            for (let i = 0; i < count; i++) {
+                style.fontWeight = i % 2 === 0 ? 'bold' : 'normal'
+            }
+        });
+        result += `\t${time}`;
+    });
+
+    return result;
+}
+
+export function setBindingContext(counts: Array<number>, parent?: LayoutBase): string {
+    let result = `setBindingContext ${parent ? 'with nativeView' : ''}`;
+    counts.forEach((count) => {
+        const lbl = setup(parent);
+        const time = executeTest(() => {
+            for (let i = 0; i < count; i++) {
+                lbl.bindingContext = colors[i % 2];
+            }
+        });
+        result += `\t${time}`;
+    });
+
+    return result;
+}
+
+export function setBindingContextWithParents(counts: Array<number>, parent: LayoutBase): string {
+    let result = `setBindingContextWithParents`;
+    counts.forEach((count) => {
+        if (count > 10000)
+            return;
+        setupParents(parent);
+        const time = executeTest(() => {
+            for (let i = 0; i < count; i++) {
+                parent.bindingContext = colors[i % 2];
+            }
+        });
+        result += `\t${time}`;
+    });
+
+    return result;
+}
+
+export function setBindingContextWithParentsBound(counts: Array<number>, parent: LayoutBase): string {
+    let result = `setBindingContextWithParentsBound`;
+    counts.forEach((count) => {
+        if (count > 1000)
+            return;
+        setupParents(parent, true);
+        const time = executeTest(() => {
+            for (let i = 0; i < count; i++) {
+                parent.bindingContext = colors[i % 2];
+            }
+        });
+        result += `\t${time}`;
+    });
+
+    return result;
+}
+
+function setupParents(parent: LayoutBase, bindToContext: boolean = false): void {
+    for (let i = 0; i < 3; i++) {
+        let stack = new StackLayout();
+        parent.addChild(stack)
+        for (let j = 0; j < 3; j++) {
+            let innerStack = new StackLayout();
+            stack.addChild(innerStack);
+            for (let k = 0; k < 3; k++) {
+                const lbl = new Label();
+                if (bindToContext) {
+                    lbl.bind({ sourceProperty: "$value", targetProperty: "text" });
+                }
+
+                innerStack.addChild(lbl);
+            }
+        }
+    }
+}
+
+function setup(parent?: LayoutBase): Label {
+    let lbl = new Label();
+    if (parent) {
+        parent.addChild(lbl);
+    } else {
+        (<any>lbl)._ios = (<any>lbl).nativeView = undefined;
+    }
+
+    return lbl;
+}
+
+function time(): number {
+    if (global.android) {
+        return (<any>global).java.lang.System.nanoTime() / 1000000;
+    } else {
+        return (<any>global).CACurrentMediaTime() * 1000;
+    }
+}
+
+function executeTest(func: Function): string {
+    let total = 0;
+    for (let i = 0; i < average; i++) {
+        const start = time();
+        func();
+        const end = time();
+        const duration = end - start;
+        total += duration;
+    }
+
+    const avg = total / average;
+    const res = `${avg.toFixed(2)}`;
+    return res;
+}
\ No newline at end of file

From 25129de985e55d414d23f734e532808e16044fe6 Mon Sep 17 00:00:00 2001
From: vakrilov <alexander.vakrilov@telerik.com>
Date: Fri, 21 Apr 2017 10:01:43 +0300
Subject: [PATCH 2/5] clean-up

---
 .../ui-tests-app/perf/properties/main-page.ts | 11 -------
 .../app/ui-tests-app/perf/properties/tests.ts | 30 +++++++++++++------
 2 files changed, 21 insertions(+), 20 deletions(-)

diff --git a/apps/app/ui-tests-app/perf/properties/main-page.ts b/apps/app/ui-tests-app/perf/properties/main-page.ts
index 5a7feb510..e52f415b0 100644
--- a/apps/app/ui-tests-app/perf/properties/main-page.ts
+++ b/apps/app/ui-tests-app/perf/properties/main-page.ts
@@ -1,20 +1,9 @@
 import { StackLayout } from "tns-core-modules/ui/layouts/stack-layout";
-import { Label } from "tns-core-modules/ui/label";
 import { TextView } from "tns-core-modules/ui/text-view";
 import { Button } from "tns-core-modules/ui/button";
-import { Page } from "tns-core-modules/ui/page";
-import { Color } from "tns-core-modules/color";
-import { isIOS } from "tns-core-modules/platform";
-
-import * as knownColors from "tns-core-modules/color/known-colors";
 
 import * as tests from "./tests";
 
-let red = new Color(knownColors.Red);
-let green = new Color(knownColors.Green);
-let blue = new Color(knownColors.Blue);
-let purple = new Color(knownColors.Purple);
-
 const c = [10, 100, 1000, 10000, 100000];
 
 function getStack(stack: StackLayout): StackLayout {
diff --git a/apps/app/ui-tests-app/perf/properties/tests.ts b/apps/app/ui-tests-app/perf/properties/tests.ts
index bba6326b6..a0881d88b 100644
--- a/apps/app/ui-tests-app/perf/properties/tests.ts
+++ b/apps/app/ui-tests-app/perf/properties/tests.ts
@@ -9,8 +9,9 @@ const colors = ['red', 'green'];
 export function addRemove(counts: Array<number>, parent: LayoutBase): string {
     let result = `addRemove`;
     counts.forEach((count) => {
-        if (count > 10000)
+        if (count > 10000) {
             return;
+        }
 
         const lbl = new Label();
         const time = executeTest(() => {
@@ -30,7 +31,6 @@ export function setText(counts: Array<number>, parent?: LayoutBase): string {
     let result = `setText ${parent ? 'with nativeView' : ''}`;
     counts.forEach((count) => {
         const lbl = setup(parent);
-        const style = lbl.style;
         const time = executeTest(() => {
             for (let i = 0; i < count; i++) {
                 lbl.text = colors[i % 2];
@@ -45,8 +45,10 @@ export function setText(counts: Array<number>, parent?: LayoutBase): string {
 export function setBackgroundColor(counts: Array<number>, parent?: LayoutBase): string {
     let result = `setBackgroundColor ${parent ? 'with nativeView' : ''}`;
     counts.forEach((count) => {
-        if (parent && count > 10000)
+        if (parent && count > 10000) {
             return;
+        }
+
         const lbl = setup(parent);
         const style = lbl.style;
         const time = executeTest(() => {
@@ -64,8 +66,9 @@ const borders = [1, 2, 3];
 export function setBorderWidths(counts: Array<number>, parent?: LayoutBase): string {
     let result = `setBorderWidths ${parent ? 'with nativeView' : ''}`;
     counts.forEach((count) => {
-        if (count > 10000 && parent)
+        if (count > 10000 && parent) {
             return;
+        }
 
         const lbl = setup(parent);
         const style = lbl.style;
@@ -103,8 +106,10 @@ export function setColorWithParents(counts: Array<number>, parent: LayoutBase):
     let result = `setColorWithParents`;
     const style = parent.style;
     counts.forEach((count) => {
-        if (count > 10000)
+        if (count > 10000) {
             return;
+        }
+
         setupParents(parent);
         const time = executeTest(() => {
             for (let i = 0; i < count; i++) {
@@ -138,8 +143,10 @@ export function setFontSizeWithParents(counts: Array<number>, parent: LayoutBase
     let result = `setFontSizeWithParents`;
     const style = parent.style;
     counts.forEach((count) => {
-        if (count > 1000)
+        if (count > 1000) {
             return;
+        }
+
         setupParents(parent);
         const time = executeTest(() => {
             for (let i = 0; i < count; i++) {
@@ -172,8 +179,10 @@ export function setFontWeightWithParents(counts: Array<number>, parent: LayoutBa
     let result = `setFontWeightWithParents`;
     const style = parent.style;
     counts.forEach((count) => {
-        if (count > 1000)
+        if (count > 1000) {
             return;
+        }
+
         setupParents(parent);
         const time = executeTest(() => {
             for (let i = 0; i < count; i++) {
@@ -204,8 +213,9 @@ export function setBindingContext(counts: Array<number>, parent?: LayoutBase): s
 export function setBindingContextWithParents(counts: Array<number>, parent: LayoutBase): string {
     let result = `setBindingContextWithParents`;
     counts.forEach((count) => {
-        if (count > 10000)
+        if (count > 10000) {
             return;
+        }
         setupParents(parent);
         const time = executeTest(() => {
             for (let i = 0; i < count; i++) {
@@ -221,8 +231,10 @@ export function setBindingContextWithParents(counts: Array<number>, parent: Layo
 export function setBindingContextWithParentsBound(counts: Array<number>, parent: LayoutBase): string {
     let result = `setBindingContextWithParentsBound`;
     counts.forEach((count) => {
-        if (count > 1000)
+        if (count > 1000) {
             return;
+        }
+
         setupParents(parent, true);
         const time = executeTest(() => {
             for (let i = 0; i < count; i++) {

From d01b0666556df91b79398a16c0355adad430054b Mon Sep 17 00:00:00 2001
From: SvetoslavTsenov <tsenov.svetoslav@gmail.com>
Date: Mon, 24 Apr 2017 15:05:27 +0300
Subject: [PATCH 3/5] Include test for memory leak with set bg image. Update
 pefr tests.

---
 apps/app/ui-tests-app/perf/main-page.ts       |  1 +
 .../perf/memory-leaks/background-image.css    | 15 ++++++
 .../perf/memory-leaks/background-image.ts     | 46 +++++++++++++++++++
 .../perf/memory-leaks/background-image.xml    | 20 ++++++++
 .../perf/memory-leaks/main-page.ts            | 23 ++++++++++
 .../perf/memory-leaks/main-page.xml           |  6 +++
 .../ui-tests-app/perf/properties/main-page.ts |  1 +
 .../perf/properties/main-page.xml             |  8 ++--
 .../app/ui-tests-app/perf/properties/tests.ts | 30 ++++++------
 9 files changed, 133 insertions(+), 17 deletions(-)
 create mode 100644 apps/app/ui-tests-app/perf/memory-leaks/background-image.css
 create mode 100644 apps/app/ui-tests-app/perf/memory-leaks/background-image.ts
 create mode 100644 apps/app/ui-tests-app/perf/memory-leaks/background-image.xml
 create mode 100644 apps/app/ui-tests-app/perf/memory-leaks/main-page.ts
 create mode 100644 apps/app/ui-tests-app/perf/memory-leaks/main-page.xml

diff --git a/apps/app/ui-tests-app/perf/main-page.ts b/apps/app/ui-tests-app/perf/main-page.ts
index 820e8776d..032d4d621 100644
--- a/apps/app/ui-tests-app/perf/main-page.ts
+++ b/apps/app/ui-tests-app/perf/main-page.ts
@@ -11,6 +11,7 @@ export function pageLoaded(args: EventData) {
 
     let examples: Map<string, string> = new Map<string, string>();
     examples.set("properties", "perf/properties/main-page");
+    examples.set("memory-leaks", "perf/memory-leaks/main-page");
 
     let viewModel = new SubMainPageViewModel(wrapLayout, examples);
     page.bindingContext = viewModel;
diff --git a/apps/app/ui-tests-app/perf/memory-leaks/background-image.css b/apps/app/ui-tests-app/perf/memory-leaks/background-image.css
new file mode 100644
index 000000000..0f4448e48
--- /dev/null
+++ b/apps/app/ui-tests-app/perf/memory-leaks/background-image.css
@@ -0,0 +1,15 @@
+/*.bg-main-page{
+    background-image: url('~/ui-tests-app/image-view/gravatar.png');
+}*/
+
+/*.image {
+width:100;
+height:100;
+ background-image: url('~/ui-tests-app/image-view/gravatar.png');
+clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
+}*/
+
+
+.info {
+    font-size: 20;
+}
\ No newline at end of file
diff --git a/apps/app/ui-tests-app/perf/memory-leaks/background-image.ts b/apps/app/ui-tests-app/perf/memory-leaks/background-image.ts
new file mode 100644
index 000000000..f21bb3ad0
--- /dev/null
+++ b/apps/app/ui-tests-app/perf/memory-leaks/background-image.ts
@@ -0,0 +1,46 @@
+import * as frame from "tns-core-modules/ui/frame";
+import { EventData } from "tns-core-modules/data/observable";
+import { Page } from "tns-core-modules/ui/page";
+import { Label } from "tns-core-modules/ui/label";
+import * as application from "tns-core-modules/application";
+
+var indexCounter = 0;
+var navCounter = 0;
+var images = ["gravatar", "gravatar2", "red"];
+
+export function onLoad(args: EventData) {
+    let index = indexCounter++ % 3;
+    let page = <Page>args.object;
+    page.backgroundImage = '~/ui-tests-app/image-view/' + images[index] + '.png';
+    setLabelText(args.object.page, navCounter, "countInfo");
+    getMemoryUsage(args);
+}
+
+export function navigate(args: EventData) {
+    navCounter++;
+    frame.topmost().navigate("ui-tests-app/perf/memory-leaks/background-image");
+}
+
+export function navigateBack(args: EventData) {
+    navCounter--;
+    frame.topmost().goBack();
+}
+
+function setLabelText(page: Page, text: number, id: string) {
+    let label = page.getViewById(id);
+    label.text = text + '';
+}
+
+function getMemoryUsage(args: EventData) {
+    var mi = new android.app.ActivityManager.MemoryInfo();
+    var activityManager = application.android.context.getSystemService(android.content.Context.ACTIVITY_SERVICE);
+    activityManager.getMemoryInfo(mi);
+    let usedMemory = mi.totalMem - mi.availMem;
+    
+    setLabelText(args.object, usedMemory, "usedMemory");
+
+    console.log("availMem in bytes: " + mi.availMem);
+    console.log("Percentage usage: " + (mi.availMem / mi.totalMem));
+    console.log("Available memory (megabytes): " + mi.availMem);
+    console.log("Used memory (megabytes): " + usedMemory);
+}
diff --git a/apps/app/ui-tests-app/perf/memory-leaks/background-image.xml b/apps/app/ui-tests-app/perf/memory-leaks/background-image.xml
new file mode 100644
index 000000000..8c2fcad9d
--- /dev/null
+++ b/apps/app/ui-tests-app/perf/memory-leaks/background-image.xml
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<Page navigatingTo="onLoad" class="bg-main-page">
+  <Page.actionBar>
+    <ActionBar title="">
+      <NavigationButton text="go back"/>
+      <ActionBar.actionItems>
+        <ActionItem text="back" tap="navigateBack"/>
+        <ActionItem text="forward" tap="navigate"/>
+      </ActionBar.actionItems>
+    </ActionBar>
+  </Page.actionBar>
+  <GridLayout rows="*, *, *" columns="*, *" class="info">
+    <!--<Image class="image" />-->
+    <Button tap="getMemoryUsage" text="Get memory info" height="60" colSpan="2"/>
+    <Label text="navigation counter" row="1" />
+    <Label text="navigation counter" id="countInfo" row="1" col="1" />
+    <Label text="used memory" row="2" />
+    <Label text="" id="usedMemory" row="2" col="1" />
+  </GridLayout>
+</Page>
\ No newline at end of file
diff --git a/apps/app/ui-tests-app/perf/memory-leaks/main-page.ts b/apps/app/ui-tests-app/perf/memory-leaks/main-page.ts
new file mode 100644
index 000000000..0113d4cf3
--- /dev/null
+++ b/apps/app/ui-tests-app/perf/memory-leaks/main-page.ts
@@ -0,0 +1,23 @@
+import { EventData } from "tns-core-modules/data/observable";
+import { MainPageViewModel } from "../../mainPage";
+import { WrapLayout } from "tns-core-modules/ui/layouts/wrap-layout";
+import { Page } from "tns-core-modules/ui/page";
+
+export function pageLoaded(args: EventData) {
+    let page = <Page>args.object;
+    let view = require("ui/core/view");
+
+    let wrapLayout = view.getViewById(page, "wrapLayoutWithExamples");
+
+    let examples: Map<string, string> = new Map<string, string>();
+    examples.set("background-image", "perf/memory-leaks/background-image");
+
+    let viewModel = new SubMainPageViewModel(wrapLayout, examples);
+    page.bindingContext = viewModel;
+}
+
+export class SubMainPageViewModel extends MainPageViewModel {
+    constructor(container: WrapLayout, examples: Map<string, string>) {
+        super(container, examples);
+    }
+}
diff --git a/apps/app/ui-tests-app/perf/memory-leaks/main-page.xml b/apps/app/ui-tests-app/perf/memory-leaks/main-page.xml
new file mode 100644
index 000000000..826ac296a
--- /dev/null
+++ b/apps/app/ui-tests-app/perf/memory-leaks/main-page.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<Page loaded="pageLoaded">
+    <ScrollView orientation="vertical">
+        <WrapLayout id="wrapLayoutWithExamples"/>
+    </ScrollView>
+</Page>
\ No newline at end of file
diff --git a/apps/app/ui-tests-app/perf/properties/main-page.ts b/apps/app/ui-tests-app/perf/properties/main-page.ts
index e52f415b0..e3ba5c1bf 100644
--- a/apps/app/ui-tests-app/perf/properties/main-page.ts
+++ b/apps/app/ui-tests-app/perf/properties/main-page.ts
@@ -30,6 +30,7 @@ export function onTap3(args) {
 
     function track(line: string) {
         console.log(line);
+        result.fontSize = 10;
         result.text += line + "\n";
     }
 
diff --git a/apps/app/ui-tests-app/perf/properties/main-page.xml b/apps/app/ui-tests-app/perf/properties/main-page.xml
index 72c1f5c1d..a5af1f690 100644
--- a/apps/app/ui-tests-app/perf/properties/main-page.xml
+++ b/apps/app/ui-tests-app/perf/properties/main-page.xml
@@ -1,7 +1,7 @@
 <Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingFrom="onNavigatingFrom">
-    <GridLayout rows="auto, *">
-        <StackLayout id="placeholder" rowSpan="2" opacity="0.2" />
-        <Button text="Start test..." tap="onTap3"/>
-        <TextView id="result" row="1" />
+    <GridLayout rows="30,100,*">
+        <Button text="Start test..." tap="onTap3" style="font-size:8" />
+        <StackLayout id="placeholder" row="1"/>
+        <TextView id="result" row="2" />
     </GridLayout>
 </Page>
\ No newline at end of file
diff --git a/apps/app/ui-tests-app/perf/properties/tests.ts b/apps/app/ui-tests-app/perf/properties/tests.ts
index a0881d88b..1c7b77d13 100644
--- a/apps/app/ui-tests-app/perf/properties/tests.ts
+++ b/apps/app/ui-tests-app/perf/properties/tests.ts
@@ -21,7 +21,7 @@ export function addRemove(counts: Array<number>, parent: LayoutBase): string {
             }
         });
 
-        result += `\t${time}`;
+        result += setResultTime(time);
     });
 
     return result;
@@ -36,7 +36,7 @@ export function setText(counts: Array<number>, parent?: LayoutBase): string {
                 lbl.text = colors[i % 2];
             }
         });
-        result += `\t${time}`;
+        result += setResultTime(time);
     });
 
     return result;
@@ -56,7 +56,7 @@ export function setBackgroundColor(counts: Array<number>, parent?: LayoutBase):
                 style.backgroundColor = <any>colors[i % 2];
             }
         });
-        result += `\t${time}`;
+        result += setResultTime(time);
     });
 
     return result;
@@ -80,7 +80,7 @@ export function setBorderWidths(counts: Array<number>, parent?: LayoutBase): str
                 style.borderBottomWidth = borders[i % 3];
             }
         });
-        result += `\t${time}`;
+        result += setResultTime(time);
     });
 
     return result;
@@ -96,7 +96,7 @@ export function setColor(counts: Array<number>, parent?: LayoutBase): string {
                 style.color = <any>colors[i % 2];
             }
         });
-        result += `\t${time}`;
+        result += setResultTime(time);
     });
 
     return result;
@@ -116,7 +116,7 @@ export function setColorWithParents(counts: Array<number>, parent: LayoutBase):
                 style.color = <any>colors[i % 2];
             }
         });
-        result += `\t${time}`;
+        result += setResultTime(time);
     });
 
     return result;
@@ -133,7 +133,7 @@ export function setFontSize(counts: Array<number>, parent?: LayoutBase): string
                 style.fontSize = fontSizes[i % 2];
             }
         });
-        result += `\t${time}`;
+        result += setResultTime(time);
     });
 
     return result;
@@ -153,7 +153,7 @@ export function setFontSizeWithParents(counts: Array<number>, parent: LayoutBase
                 style.fontSize = fontSizes[i % 2];
             }
         });
-        result += `\t${time}`;
+        result += setResultTime(time);
     });
 
     return result;
@@ -169,7 +169,7 @@ export function setFontWeight(counts: Array<number>, parent?: LayoutBase): strin
                 style.fontWeight = i % 2 === 0 ? 'bold' : 'normal';
             }
         });
-        result += `\t${time}`;
+        result += setResultTime(time);
     });
 
     return result;
@@ -189,7 +189,7 @@ export function setFontWeightWithParents(counts: Array<number>, parent: LayoutBa
                 style.fontWeight = i % 2 === 0 ? 'bold' : 'normal'
             }
         });
-        result += `\t${time}`;
+        result += setResultTime(time);
     });
 
     return result;
@@ -204,7 +204,7 @@ export function setBindingContext(counts: Array<number>, parent?: LayoutBase): s
                 lbl.bindingContext = colors[i % 2];
             }
         });
-        result += `\t${time}`;
+        result += setResultTime(time);
     });
 
     return result;
@@ -222,7 +222,7 @@ export function setBindingContextWithParents(counts: Array<number>, parent: Layo
                 parent.bindingContext = colors[i % 2];
             }
         });
-        result += `\t${time}`;
+        result += setResultTime(time);
     });
 
     return result;
@@ -241,7 +241,7 @@ export function setBindingContextWithParentsBound(counts: Array<number>, parent:
                 parent.bindingContext = colors[i % 2];
             }
         });
-        result += `\t${time}`;
+        result += setResultTime(time);
     });
 
     return result;
@@ -298,4 +298,8 @@ function executeTest(func: Function): string {
     const avg = total / average;
     const res = `${avg.toFixed(2)}`;
     return res;
+}
+
+function setResultTime(time: string) {
+    return ' ' + `\t${time}` + ' ';
 }
\ No newline at end of file

From fa10d9e6b9e0b91d8faeeee274593335ae7517cb Mon Sep 17 00:00:00 2001
From: SvetoslavTsenov <tsenov.svetoslav@gmail.com>
Date: Mon, 24 Apr 2017 17:49:47 +0300
Subject: [PATCH 4/5] Removed unused import

---
 apps/app/ui-tests-app/perf/memory-leaks/background-image.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/apps/app/ui-tests-app/perf/memory-leaks/background-image.ts b/apps/app/ui-tests-app/perf/memory-leaks/background-image.ts
index f21bb3ad0..648f10cb1 100644
--- a/apps/app/ui-tests-app/perf/memory-leaks/background-image.ts
+++ b/apps/app/ui-tests-app/perf/memory-leaks/background-image.ts
@@ -1,7 +1,6 @@
 import * as frame from "tns-core-modules/ui/frame";
 import { EventData } from "tns-core-modules/data/observable";
 import { Page } from "tns-core-modules/ui/page";
-import { Label } from "tns-core-modules/ui/label";
 import * as application from "tns-core-modules/application";
 
 var indexCounter = 0;

From 87b70faa7758418f31714cd76a6896a91cd92f96 Mon Sep 17 00:00:00 2001
From: SvetoslavTsenov <tsenov.svetoslav@gmail.com>
Date: Mon, 24 Apr 2017 18:25:59 +0300
Subject: [PATCH 5/5] Fix typing errors

---
 .../app/ui-tests-app/perf/memory-leaks/background-image.ts | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/apps/app/ui-tests-app/perf/memory-leaks/background-image.ts b/apps/app/ui-tests-app/perf/memory-leaks/background-image.ts
index 648f10cb1..6e9de08c8 100644
--- a/apps/app/ui-tests-app/perf/memory-leaks/background-image.ts
+++ b/apps/app/ui-tests-app/perf/memory-leaks/background-image.ts
@@ -1,6 +1,7 @@
 import * as frame from "tns-core-modules/ui/frame";
 import { EventData } from "tns-core-modules/data/observable";
 import { Page } from "tns-core-modules/ui/page";
+import { Label } from "tns-core-modules/ui/label";
 import * as application from "tns-core-modules/application";
 
 var indexCounter = 0;
@@ -11,7 +12,7 @@ export function onLoad(args: EventData) {
     let index = indexCounter++ % 3;
     let page = <Page>args.object;
     page.backgroundImage = '~/ui-tests-app/image-view/' + images[index] + '.png';
-    setLabelText(args.object.page, navCounter, "countInfo");
+    setLabelText(page, navCounter, "countInfo");
     getMemoryUsage(args);
 }
 
@@ -26,7 +27,7 @@ export function navigateBack(args: EventData) {
 }
 
 function setLabelText(page: Page, text: number, id: string) {
-    let label = page.getViewById(id);
+    let label = <Label>page.getViewById(id);
     label.text = text + '';
 }
 
@@ -36,7 +37,7 @@ function getMemoryUsage(args: EventData) {
     activityManager.getMemoryInfo(mi);
     let usedMemory = mi.totalMem - mi.availMem;
     
-    setLabelText(args.object, usedMemory, "usedMemory");
+    setLabelText(<Page>args.object, usedMemory, "usedMemory");
 
     console.log("availMem in bytes: " + mi.availMem);
     console.log("Percentage usage: " + (mi.availMem / mi.totalMem));