diff --git a/apps/app/css-perf-test/app.ts b/apps/app/css-perf-test/app.ts
new file mode 100644
index 000000000..2858b0cb8
--- /dev/null
+++ b/apps/app/css-perf-test/app.ts
@@ -0,0 +1,12 @@
+import application = require("application");
+
+ global.time = function(): number {
+ if (global.android) {
+ return java.lang.System.nanoTime() / 1000000; // 1 ms = 1000000 ns
+ }
+ else {
+ return CACurrentMediaTime() * 1000;
+ }
+}
+
+application.start({ moduleName: "css-perf-test/root" });
\ No newline at end of file
diff --git a/apps/app/css-perf-test/main-page.css b/apps/app/css-perf-test/main-page.css
new file mode 100644
index 000000000..115f58fbc
--- /dev/null
+++ b/apps/app/css-perf-test/main-page.css
@@ -0,0 +1,29 @@
+.title {
+ font-size: 20;
+ margin: 3;
+}
+
+.author {
+ font-size: 14;
+ horizontal-align: left;
+ vertical-align: bottom;
+ margin: 3;
+}
+
+.comments {
+ color: #10C2B0;
+ font-size: 14;
+ vertical-align: bottom;
+ margin: 3;
+}
+
+.thumbnail {
+ width: 72;
+ height: 72;
+ margin: 3;
+ vertical-align: top;
+}
+
+TabView {
+ background-color: white;
+}
\ No newline at end of file
diff --git a/apps/app/css-perf-test/main-page.ts b/apps/app/css-perf-test/main-page.ts
new file mode 100644
index 000000000..0833dcc32
--- /dev/null
+++ b/apps/app/css-perf-test/main-page.ts
@@ -0,0 +1,7 @@
+import {EventData as ObservableEventData} from "data/observable";
+
+export function navigatedTo(args: ObservableEventData) {
+ setTimeout(() => {
+ console.log(`Time: ${global.time() - global.startTime} ms`);
+ });
+}
\ No newline at end of file
diff --git a/apps/app/css-perf-test/main-page.xml b/apps/app/css-perf-test/main-page.xml
new file mode 100644
index 000000000..a66a5ffcd
--- /dev/null
+++ b/apps/app/css-perf-test/main-page.xml
@@ -0,0 +1,307 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/apps/app/css-perf-test/main-page2.css b/apps/app/css-perf-test/main-page2.css
new file mode 100644
index 000000000..115f58fbc
--- /dev/null
+++ b/apps/app/css-perf-test/main-page2.css
@@ -0,0 +1,29 @@
+.title {
+ font-size: 20;
+ margin: 3;
+}
+
+.author {
+ font-size: 14;
+ horizontal-align: left;
+ vertical-align: bottom;
+ margin: 3;
+}
+
+.comments {
+ color: #10C2B0;
+ font-size: 14;
+ vertical-align: bottom;
+ margin: 3;
+}
+
+.thumbnail {
+ width: 72;
+ height: 72;
+ margin: 3;
+ vertical-align: top;
+}
+
+TabView {
+ background-color: white;
+}
\ No newline at end of file
diff --git a/apps/app/css-perf-test/res/logo.png b/apps/app/css-perf-test/res/logo.png
new file mode 100644
index 000000000..de99da231
Binary files /dev/null and b/apps/app/css-perf-test/res/logo.png differ
diff --git a/apps/app/css-perf-test/root.ts b/apps/app/css-perf-test/root.ts
new file mode 100644
index 000000000..b67d9911a
--- /dev/null
+++ b/apps/app/css-perf-test/root.ts
@@ -0,0 +1,7 @@
+import {Page} from "ui/page";
+
+export function onTap(args: any) {
+ global.startTime = global.time();
+ let page = args.object.page;
+ page.frame.navigate("css-perf-test/main-page");
+}
\ No newline at end of file
diff --git a/apps/app/css-perf-test/root.xml b/apps/app/css-perf-test/root.xml
new file mode 100644
index 000000000..6088b5d07
--- /dev/null
+++ b/apps/app/css-perf-test/root.xml
@@ -0,0 +1,3 @@
+
+
+
\ No newline at end of file
diff --git a/apps/app/fonts/Pacifico.ttf b/apps/app/fonts/Pacifico.ttf
new file mode 100644
index 000000000..6d47cdc9a
Binary files /dev/null and b/apps/app/fonts/Pacifico.ttf differ
diff --git a/apps/app/fonts/Sofia.otf b/apps/app/fonts/Sofia.otf
new file mode 100644
index 000000000..1f76d2d58
Binary files /dev/null and b/apps/app/fonts/Sofia.otf differ
diff --git a/apps/app/ui-tests-app/css/background.xml b/apps/app/ui-tests-app/css/background.xml
index a0455996d..15d8c1781 100644
--- a/apps/app/ui-tests-app/css/background.xml
+++ b/apps/app/ui-tests-app/css/background.xml
@@ -11,41 +11,41 @@
-
-
-
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
+
+
+
+
-
-
+
+
-
-
-
-
-
-
+
+
+
+
+
+
\ No newline at end of file
diff --git a/apps/app/ui-tests-app/css/styles.css b/apps/app/ui-tests-app/css/styles.css
index e0d1ce22d..451885bf9 100644
--- a/apps/app/ui-tests-app/css/styles.css
+++ b/apps/app/ui-tests-app/css/styles.css
@@ -2,4 +2,4 @@
background-color: lightcoral;
}
-@import url('~/css/import.css');
\ No newline at end of file
+@import url('~/ui-tests-app/css/import.css');
\ No newline at end of file
diff --git a/apps/app/ui-tests-app/image-view/rounded-buttons.xml b/apps/app/ui-tests-app/image-view/rounded-buttons.xml
index 4c8340753..b6b249ff8 100644
--- a/apps/app/ui-tests-app/image-view/rounded-buttons.xml
+++ b/apps/app/ui-tests-app/image-view/rounded-buttons.xml
@@ -1,6 +1,6 @@
-
+
\ No newline at end of file
diff --git a/apps/app/ui-tests-app/image-view/rounded-images.css b/apps/app/ui-tests-app/image-view/rounded-images.css
index 28ea1c642..b2d10d244 100644
--- a/apps/app/ui-tests-app/image-view/rounded-images.css
+++ b/apps/app/ui-tests-app/image-view/rounded-images.css
@@ -57,5 +57,5 @@ style {
border-width: 2;
border-color: blue;
border-radius: 100;
- background-image: url('~/pages/red.png');
+ background-image: url('~/ui-tests-app/pages/red.png');
}
\ No newline at end of file