Merge pull request #2441 from NativeScript/fix-ui-tests-app

Fix ui-tests-app paths and add css-perf-test app
This commit is contained in:
Rossen Hristov
2016-07-12 14:12:18 +03:00
committed by GitHub
21 changed files with 459 additions and 49 deletions

View File

@ -39,12 +39,12 @@ before_script:
- adb shell input keyevent 82 &
script:
- jdk_switcher use oraclejdk8
- grunt default &&
- grunt default --verbose &&
FULL_PACKAGE_VERSION=`node -e 'console.log(require("./bin/dist/tns-core-modules/package.json").version);'` &&
(cd build/platform-declarations && grunt) &&
echo no | npm install nativescript@next -g > /dev/null &&
grunt buildOnlyTestsApp --platform=Android --modulesPath=./bin/dist/$PACKAGE_NAME-$FULL_PACKAGE_VERSION.tgz --runtimeVersion=$RUNTIMEVERSION --emuPId=.*emulator.* --avd=$AVD_NAME --showEmu=false > /dev/null &&
grunt runOnlyTestsApp --platform=Android --modulesPath=./bin/dist/$PACKAGE_NAME-$FULL_PACKAGE_VERSION.tgz --emuPId=.*emulator.* --avd=$AVD_NAME --showEmu=false
grunt buildOnlyTestsApp --verbose --platform=Android --modulesPath=./bin/dist/$PACKAGE_NAME-$FULL_PACKAGE_VERSION.tgz --runtimeVersion=$RUNTIMEVERSION --emuPId=.*emulator.* --avd=$AVD_NAME --showEmu=false > /dev/null &&
grunt runOnlyTestsApp --verbose --platform=Android --modulesPath=./bin/dist/$PACKAGE_NAME-$FULL_PACKAGE_VERSION.tgz --emuPId=.*emulator.* --avd=$AVD_NAME --showEmu=false
- node ./build/travis-scripts/check-testrun-broken.js
- adb pull /data/data/org.nativescript.TestsApp/files/test-results.xml &&
mv test-results.xml ~/test-run-results$PACKAGE_VERSION.xml

View File

@ -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" });

View File

@ -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;
}

View File

@ -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`);
});
}

View File

@ -0,0 +1,307 @@
<Page
xmlns="http://schemas.nativescript.org/tns.xsd" navigatedTo="navigatedTo">
<ScrollView>
<StackLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
<GridLayout columns="auto, *, auto" rows="auto, 25">
<Image src="~/css-perf-test/res/logo" class="thumbnail" rowSpan="2"/>
<Label text="Downloading..." textWrap="true" class="title" col="1" colSpan="2" minHeight="50" />
<Label text="author " class="author" col="1" row="1" />
<Label text="comments" class="comments" col="2" row="1" />
</GridLayout>
</StackLayout>
</ScrollView>
</Page>

View File

@ -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;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

View File

@ -0,0 +1,7 @@
import {Page} from "ui/page";
export function onTap(args: any) {
global.startTime = global.time();
let page = <Page>args.object.page;
page.frame.navigate("css-perf-test/main-page");
}

View File

@ -0,0 +1,3 @@
<Page xmlns="http://schemas.nativescript.org/tns.xsd">
<Button text="Start test" tap="onTap" />
</Page>

BIN
apps/app/fonts/Pacifico.ttf Normal file

Binary file not shown.

BIN
apps/app/fonts/Sofia.otf Normal file

Binary file not shown.

View File

@ -11,41 +11,41 @@
<Button width="40" height="40" text="23" tap="applyTap" tag="margin: 20; background-color: lightgreen; border-color: lightpink; border-radius: 40; border-width: 20;"/>
<!-- Repeat -->
<Button width="40" height="40" text="31" tap="applyTap" tag="margin: 20; background-image: url('~/pages/test2.png');"/>
<Button width="40" height="40" text="32" tap="applyTap" tag="margin: 20; background-image: url('~/pages/test2.png'); background-repeat:repeat-y;"/>
<Button width="40" height="40" text="33" tap="applyTap" tag="margin: 20; background-image: url('~/pages/test2.png'); background-repeat:repeat-x;"/>
<Button width="40" height="40" text="31" tap="applyTap" tag="margin: 20; background-image: url('~/ui-tests-app/pages/test2.png');"/>
<Button width="40" height="40" text="32" tap="applyTap" tag="margin: 20; background-image: url('~/ui-tests-app/pages/test2.png'); background-repeat:repeat-y;"/>
<Button width="40" height="40" text="33" tap="applyTap" tag="margin: 20; background-image: url('~/ui-tests-app/pages/test2.png'); background-repeat:repeat-x;"/>
<!-- Position -->
<Button width="40" height="40" text="41" tap="applyTap" tag="margin: 20; background-image: url('~/pages/test2.png'); background-repeat:no-repeat;"/>
<Button width="40" height="40" text="42" tap="applyTap" tag="margin: 20; background-image: url('~/pages/test2.png'); background-repeat:no-repeat; background-position: right top;"/>
<Button width="40" height="40" text="43" tap="applyTap" tag="margin: 20; background-image: url('~/pages/test2.png'); background-repeat:no-repeat; background-position: center center;"/>
<Button width="40" height="40" text="44" tap="applyTap" tag="margin: 20; background-image: url('~/pages/test2.png'); background-repeat:no-repeat; background-position: left bottom;"/>
<Button width="40" height="40" text="45" tap="applyTap" tag="margin: 20; background-image: url('~/pages/test2.png'); background-repeat:no-repeat; background-position: 20% 80%;"/>
<Button width="40" height="40" text="46" tap="applyTap" tag="margin: 20; background-image: url('~/pages/test2.png'); background-repeat:no-repeat; background-position: 20 80;"/>
<Button width="40" height="40" text="47" tap="applyTap" tag="margin: 20; background-image: url('~/pages/test2.png'); background-repeat:no-repeat; background-position: -10 20;"/>
<Button width="40" height="40" text="48" tap="applyTap" tag="margin: 20; background-image: url('~/pages/test2.png'); background-repeat:no-repeat; background-position: 10 -20;"/>
<Button width="40" height="40" text="49" tap="applyTap" tag="margin: 20; background-image: url('~/pages/test2.png'); background-repeat:no-repeat; background-position: -10 -20;"/>
<Button width="40" height="40" text="50" tap="applyTap" tag="margin: 20; background-image: url('~/pages/test2.png'); background-repeat:no-repeat; background-position: center;"/>
<Button width="40" height="40" text="51" tap="applyTap" tag="margin: 20; background-image: url('~/pages/test2.png'); background-repeat:no-repeat; background-position: left;"/>
<Button width="40" height="40" text="52" tap="applyTap" tag="margin: 20; background-image: url('~/pages/test2.png'); background-repeat:no-repeat; background-position: bottom;"/>
<Button width="40" height="40" text="41" tap="applyTap" tag="margin: 20; background-image: url('~/ui-tests-app/pages/test2.png'); background-repeat:no-repeat;"/>
<Button width="40" height="40" text="42" tap="applyTap" tag="margin: 20; background-image: url('~/ui-tests-app/pages/test2.png'); background-repeat:no-repeat; background-position: right top;"/>
<Button width="40" height="40" text="43" tap="applyTap" tag="margin: 20; background-image: url('~/ui-tests-app/pages/test2.png'); background-repeat:no-repeat; background-position: center center;"/>
<Button width="40" height="40" text="44" tap="applyTap" tag="margin: 20; background-image: url('~/ui-tests-app/pages/test2.png'); background-repeat:no-repeat; background-position: left bottom;"/>
<Button width="40" height="40" text="45" tap="applyTap" tag="margin: 20; background-image: url('~/ui-tests-app/pages/test2.png'); background-repeat:no-repeat; background-position: 20% 80%;"/>
<Button width="40" height="40" text="46" tap="applyTap" tag="margin: 20; background-image: url('~/ui-tests-app/pages/test2.png'); background-repeat:no-repeat; background-position: 20 80;"/>
<Button width="40" height="40" text="47" tap="applyTap" tag="margin: 20; background-image: url('~/ui-tests-app/pages/test2.png'); background-repeat:no-repeat; background-position: -10 20;"/>
<Button width="40" height="40" text="48" tap="applyTap" tag="margin: 20; background-image: url('~/ui-tests-app/pages/test2.png'); background-repeat:no-repeat; background-position: 10 -20;"/>
<Button width="40" height="40" text="49" tap="applyTap" tag="margin: 20; background-image: url('~/ui-tests-app/pages/test2.png'); background-repeat:no-repeat; background-position: -10 -20;"/>
<Button width="40" height="40" text="50" tap="applyTap" tag="margin: 20; background-image: url('~/ui-tests-app/pages/test2.png'); background-repeat:no-repeat; background-position: center;"/>
<Button width="40" height="40" text="51" tap="applyTap" tag="margin: 20; background-image: url('~/ui-tests-app/pages/test2.png'); background-repeat:no-repeat; background-position: left;"/>
<Button width="40" height="40" text="52" tap="applyTap" tag="margin: 20; background-image: url('~/ui-tests-app/pages/test2.png'); background-repeat:no-repeat; background-position: bottom;"/>
<!-- Size -->
<Button width="40" height="40" text="61" tap="applyTap" tag="margin: 20; background-color: lightgreen; background-image: url('~/pages/test2.png'); background-repeat:no-repeat; background-position: center center; background-size: 100px 100px;"/>
<Button width="40" height="40" text="62" tap="applyTap" tag="margin: 20; background-color: lightgreen; background-image: url('~/pages/test2.png'); background-repeat:no-repeat; background-position: center center; background-size: 100% 100%;"/>
<Button width="40" height="40" text="63" tap="applyTap" tag="margin: 20; background-color: lightgreen; background-image: url('~/pages/test2.png'); background-repeat:no-repeat; background-position: center center; background-size: cover;"/>
<Button width="40" height="40" text="64" tap="applyTap" tag="margin: 20; background-color: lightgreen; background-image: url('~/pages/test2.png'); background-repeat:no-repeat; background-position: center center; background-size: contain;"/>
<Button width="40" height="40" text="61" tap="applyTap" tag="margin: 20; background-color: lightgreen; background-image: url('~/ui-tests-app/pages/test2.png'); background-repeat:no-repeat; background-position: center center; background-size: 100px 100px;"/>
<Button width="40" height="40" text="62" tap="applyTap" tag="margin: 20; background-color: lightgreen; background-image: url('~/ui-tests-app/pages/test2.png'); background-repeat:no-repeat; background-position: center center; background-size: 100% 100%;"/>
<Button width="40" height="40" text="63" tap="applyTap" tag="margin: 20; background-color: lightgreen; background-image: url('~/ui-tests-app/pages/test2.png'); background-repeat:no-repeat; background-position: center center; background-size: cover;"/>
<Button width="40" height="40" text="64" tap="applyTap" tag="margin: 20; background-color: lightgreen; background-image: url('~/ui-tests-app/pages/test2.png'); background-repeat:no-repeat; background-position: center center; background-size: contain;"/>
<!-- All -->
<Button width="40" height="40" text="71" tap="applyTap" tag="margin: 20; background-color: lightgreen; background-image: url('~/pages/test2.png'); background-repeat:repeat-x; background-position: 20% 80%; background-size: 25% 50%; border-radius: 20; border-width: 4; border-color: lightpink;"/>
<Button width="40" height="40" text="72" tap="applyTap" tag="margin: 20; background-color: lightgreen; background-image: url('~/pages/test2.png'); background-repeat:repeat-y; background-position: 80 20; background-size: 50 25; border-radius: 20; border-width: 4; border-color: lightpink; opacity: 0.5;"/>
<Button width="40" height="40" text="71" tap="applyTap" tag="margin: 20; background-color: lightgreen; background-image: url('~/ui-tests-app/pages/test2.png'); background-repeat:repeat-x; background-position: 20% 80%; background-size: 25% 50%; border-radius: 20; border-width: 4; border-color: lightpink;"/>
<Button width="40" height="40" text="72" tap="applyTap" tag="margin: 20; background-color: lightgreen; background-image: url('~/ui-tests-app/pages/test2.png'); background-repeat:repeat-y; background-position: 80 20; background-size: 50 25; border-radius: 20; border-width: 4; border-color: lightpink; opacity: 0.5;"/>
<!-- Antialiasing -->
<Button width="40" height="40" text="73" tap="applyTap" tag="margin: 20; background-color: lightgreen; background-image: url('~/pages/test2.png'); background-repeat:repeat-x; background-position: -15% -15%; background-size: 50% 50%; border-radius: 9; border-width: 3; border-color: black;"/>
<Button width="40" height="40" text="74" tap="applyTap" tag="margin: 20; background-color: lightgreen; background-image: url('~/pages/test2.png'); background-repeat:repeat-y; background-position: -15% -15%; background-size: 50% 50%; border-radius: 9; border-width: 3; border-color: black;"/>
<Button width="40" height="40" text="75" tap="applyTap" tag="margin: 20; background-color: lightgreen; background-image: url('~/pages/test2.png'); background-repeat:repeat; background-position: -15% -15%; background-size: 50% 50%; border-radius: 9; border-width: 3; border-color: black;"/>
<Button width="40" height="40" text="76" tap="applyTap" tag="margin: 20; background-color: lightgreen; background-image: url('~/pages/test2.png'); background-repeat:no-repeat; background-position: -15% -15%; background-size: 50% 50%; border-radius: 9; border-width: 3; border-color: black;"/>
<Button width="40" height="40" text="77" tap="applyTap" tag="margin: 20; background-color: #FF00FF00; background-image: url('~/pages/test2.png'); background-repeat:no-repeat; background-position: -15% -15%; background-size: 50% 50%; border-radius: 20; border-width: 10; border-color: #66FF0000;"/>
<Button width="40" height="40" text="78" tap="applyTap" tag="margin: 20; background-color: #FF00FF00; background-image: url('~/pages/test2.png'); background-repeat:no-repeat; background-position: -15% -15%; background-size: 50% 50%; border-width: 10; border-color: #66FF0000;"/>
<Button width="40" height="40" text="73" tap="applyTap" tag="margin: 20; background-color: lightgreen; background-image: url('~/ui-tests-app/pages/test2.png'); background-repeat:repeat-x; background-position: -15% -15%; background-size: 50% 50%; border-radius: 9; border-width: 3; border-color: black;"/>
<Button width="40" height="40" text="74" tap="applyTap" tag="margin: 20; background-color: lightgreen; background-image: url('~/ui-tests-app/pages/test2.png'); background-repeat:repeat-y; background-position: -15% -15%; background-size: 50% 50%; border-radius: 9; border-width: 3; border-color: black;"/>
<Button width="40" height="40" text="75" tap="applyTap" tag="margin: 20; background-color: lightgreen; background-image: url('~/ui-tests-app/pages/test2.png'); background-repeat:repeat; background-position: -15% -15%; background-size: 50% 50%; border-radius: 9; border-width: 3; border-color: black;"/>
<Button width="40" height="40" text="76" tap="applyTap" tag="margin: 20; background-color: lightgreen; background-image: url('~/ui-tests-app/pages/test2.png'); background-repeat:no-repeat; background-position: -15% -15%; background-size: 50% 50%; border-radius: 9; border-width: 3; border-color: black;"/>
<Button width="40" height="40" text="77" tap="applyTap" tag="margin: 20; background-color: #FF00FF00; background-image: url('~/ui-tests-app/pages/test2.png'); background-repeat:no-repeat; background-position: -15% -15%; background-size: 50% 50%; border-radius: 20; border-width: 10; border-color: #66FF0000;"/>
<Button width="40" height="40" text="78" tap="applyTap" tag="margin: 20; background-color: #FF00FF00; background-image: url('~/ui-tests-app/pages/test2.png'); background-repeat:no-repeat; background-position: -15% -15%; background-size: 50% 50%; border-width: 10; border-color: #66FF0000;"/>
</WrapLayout>
</GridLayout>
</Page>

View File

@ -2,4 +2,4 @@
background-color: lightcoral;
}
@import url('~/css/import.css');
@import url('~/ui-tests-app/css/import.css');

View File

@ -1,6 +1,6 @@
<Page>
<StackLayout>
<Button text="ButtonCircle" style="width:200;height:200;color:white;border-radius:100;border-width:2;border-color:red;background-color:blue" />
<Button text="ButtonImage" style="width:200;height:200;color:white;border-radius:100;border-width:2;border-color:blue;background-image:url('~/image-view/red.png')" />
<Button text="ButtonImage" style="width:200;height:200;color:white;border-radius:100;border-width:2;border-color:blue;background-image:url('~/ui-tests-app/image-view/red.png')" />
</StackLayout>
</Page>

View File

@ -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');
}

View File

@ -1 +1,5 @@
/// <reference path="../tns-core-modules/tns-core-modules.d.ts" /> Needed for autocompletion and compilation.
/// <reference path="../tns-core-modules/tns-core-modules.d.ts" /> Needed for autocompletion and compilation.
/// <reference path="../tns-core-modules/android17.d.ts" /> Needed for autocompletion and compilation.
/// <reference path="../tns-core-modules/ios.d.ts" /> Needed for autocompletion and compilation.
/// <reference path="../tns-core-modules/org.nativescript.widgets.d.ts" /> Needed for autocompletion and compilation.
/// <reference path="../tns-core-modules/declarations.android.d.ts" /> Needed for autocompletion and compilation.

View File

@ -1,12 +1,14 @@
{
"compilerOptions": {
"module": "commonjs",
"target": "es5",
"sourceMap": true,
"experimentalDecorators": true,
"emitDecoratorMetadata": true,
"noEmitOnError": true,
"noEmitHelpers": true,
"noEmitOnError": true
"target": "es5",
"module": "commonjs",
"declaration": false,
"noImplicitAny": true,
"noImplicitUseStrict": true,
"experimentalDecorators": true,
"diagnostics": true
},
"exclude": [
"node_modules",

View File

@ -12,11 +12,14 @@
"grunt-contrib-copy": "git+https://github.com/ErjanGavalji/grunt-contrib-copy.git#1c976a133210be4ce8c96313f5daf14833f7f8f9",
"grunt-env": "0.4.4",
"grunt-exec": "0.4.6",
"grunt-mkdir": "0.1.2",
"grunt-multi-dest": "1.0.0",
"grunt-shell": "1.1.2",
"grunt-simple-mocha": "0.4.0",
"grunt-ts": "5.3.2",
"grunt-tslint": "3.0.3",
"grunt-typedoc": "0.2.3",
"grunt-untar": "0.0.1",
"markdown-snippet-injector": "0.1.1",
"mocha": "2.2.5",
"nativescript-typedoc-theme": "0.0.1",

View File

@ -20,6 +20,7 @@
"babel-types": "6.9.0",
"babylon": "6.8.0",
"filewalker": "0.1.2",
"lazy": "1.0.11"
"lazy": "1.0.11",
"typescript": "^1.8.10"
}
}
}

View File

@ -1 +1,5 @@
/// <reference path="../tns-core-modules/tns-core-modules.d.ts" /> Needed for autocompletion and compilation.
/// <reference path="../tns-core-modules/tns-core-modules.d.ts" /> Needed for autocompletion and compilation.
/// <reference path="../tns-core-modules/android17.d.ts" /> Needed for autocompletion and compilation.
/// <reference path="../tns-core-modules/ios.d.ts" /> Needed for autocompletion and compilation.
/// <reference path="../tns-core-modules/org.nativescript.widgets.d.ts" /> Needed for autocompletion and compilation.
/// <reference path="../tns-core-modules/declarations.android.d.ts" /> Needed for autocompletion and compilation.

View File

@ -1,12 +1,14 @@
{
"compilerOptions": {
"module": "commonjs",
"target": "es5",
"sourceMap": true,
"experimentalDecorators": true,
"emitDecoratorMetadata": true,
"noEmitOnError": true,
"noEmitHelpers": true,
"noEmitOnError": true
"target": "es5",
"module": "commonjs",
"declaration": false,
"noImplicitAny": false,
"noImplicitUseStrict": true,
"experimentalDecorators": true,
"diagnostics": true
},
"exclude": [
"node_modules",