javascript/NativeScript
1
0
Fork 0
mirror of https://github.com/NativeScript/NativeScript.git synced 2025-08-16 03:31:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

Update ui-tests-app

Browse Source
This commit is contained in:
Vasil Chimev
2016-01-12 14:57:35 +02:00
parent 11022f602f
commit 8df0b1088e
3 changed files with 55 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
apps/ui-tests-app/css/background.xml
View File

@ -2,42 +2,42 @@
<GridLayout rows="240, *"> <GridLayout rows="240, *">
<GridLayout width="290" id="test-element" /> <GridLayout width="290" id="test-element" />
<WrapLayout row="1"> <WrapLayout row="1">
<Button width="50" height="50" text="r" tap="resetTap"/> <Button width="40" height="40" text="r" tap="resetTap"/>
<!-- Background and Border --> <!-- Background and Border -->
<Button width="50" height="50" text="1" tap="applyTap" tag="margin: 20; background-color: lightgreen;"/> <Button width="40" height="40" text="1" tap="applyTap" tag="margin: 20; background-color: lightgreen;"/>
<Button width="50" height="50" text="2.1" tap="applyTap" tag="margin: 20; background-color: lightgreen; border-color: lightpink; border-radius: 20; border-width: 40;"/> <Button width="40" height="40" text="21" tap="applyTap" tag="margin: 20; background-color: lightgreen; border-color: lightpink; border-radius: 20; border-width: 40;"/>
<Button width="50" height="50" text="2.2" tap="applyTap" tag="margin: 20; background-color: lightgreen; border-color: lightpink; border-radius: 40; border-width: 40;"/> <Button width="40" height="40" text="22" tap="applyTap" tag="margin: 20; background-color: lightgreen; border-color: lightpink; border-radius: 40; border-width: 40;"/>
<Button width="50" height="50" text="2.3" tap="applyTap" tag="margin: 20; background-color: lightgreen; border-color: lightpink; border-radius: 40; border-width: 20;"/> <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 --> <!-- Repeat -->
<Button width="50" height="50" text="3.1" tap="applyTap" tag="margin: 20; background-image: url('~/pages/test2.png');"/> <Button width="40" height="40" text="31" tap="applyTap" tag="margin: 20; background-image: url('~/pages/test2.png');"/>
<Button width="50" height="50" text="3.2" tap="applyTap" tag="margin: 20; background-image: url('~/pages/test2.png'); background-repeat:repeat-y;"/> <Button width="40" height="40" text="32" tap="applyTap" tag="margin: 20; background-image: url('~/pages/test2.png'); background-repeat:repeat-y;"/>
<Button width="50" height="50" text="3.3" tap="applyTap" tag="margin: 20; background-image: url('~/pages/test2.png'); background-repeat:repeat-x;"/> <Button width="40" height="40" text="33" tap="applyTap" tag="margin: 20; background-image: url('~/pages/test2.png'); background-repeat:repeat-x;"/>
<!-- Position --> <!-- Position -->
<Button width="50" height="50" text="4.1" tap="applyTap" tag="margin: 20; background-image: url('~/pages/test2.png'); background-repeat:no-repeat;"/> <Button width="40" height="40" text="41" tap="applyTap" tag="margin: 20; background-image: url('~/pages/test2.png'); background-repeat:no-repeat;"/>
<Button width="50" height="50" text="4.2" 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="42" tap="applyTap" tag="margin: 20; background-image: url('~/pages/test2.png'); background-repeat:no-repeat; background-position: right top;"/>
<Button width="50" height="50" text="4.3" 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="43" tap="applyTap" tag="margin: 20; background-image: url('~/pages/test2.png'); background-repeat:no-repeat; background-position: center center;"/>
<Button width="50" height="50" text="4.4" 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="44" tap="applyTap" tag="margin: 20; background-image: url('~/pages/test2.png'); background-repeat:no-repeat; background-position: left bottom;"/>
<Button width="50" height="50" text="4.5" 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="45" tap="applyTap" tag="margin: 20; background-image: url('~/pages/test2.png'); background-repeat:no-repeat; background-position: 20% 80%;"/>
<Button width="50" height="50" text="4.6" 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="50" height="50" text="4.7" 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="47" tap="applyTap" tag="margin: 20; background-image: url('~/pages/test2.png'); background-repeat:no-repeat; background-position: -10 20;"/>
<Button width="50" height="50" text="4.8" 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="50" height="50" text="4.9" 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="50" height="50" text="4.10" tap="applyTap" tag="margin: 20; background-image: url('~/pages/test2.png'); background-repeat:no-repeat; background-position: center;"/> <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="50" height="50" text="4.11" tap="applyTap" tag="margin: 20; background-image: url('~/pages/test2.png'); background-repeat:no-repeat; background-position: left;"/> <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="50" height="50" text="4.12" tap="applyTap" tag="margin: 20; background-image: url('~/pages/test2.png'); background-repeat:no-repeat; background-position: bottom;"/> <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;"/>
<!-- Size --> <!-- Size -->
<Button width="50" height="50" text="5.1" 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="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="50" height="50" text="5.2" 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="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="50" height="50" text="5.3" 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="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="50" height="50" text="5.4" 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="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;"/>
<!-- All --> <!-- All -->
<Button width="50" height="50" text="6.1" 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="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="50" height="50" text="6.2" 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="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;"/>
</WrapLayout> </WrapLayout>
</GridLayout> </GridLayout>
</Page> </Page>

1
apps/ui-tests-app/html-view/html-view.ts
View File

@ -1,5 +1,4 @@
export function pageLoaded(args) { export function pageLoaded(args) {
var page = args.object; var page = args.object;
page.bindingContext = { html: "one<br>two" }; page.bindingContext = { html: "one<br>two" };
} }

61
apps/ui-tests-app/mainPage.ts
View File

@ -32,15 +32,10 @@ export function selectExample() {
} }
} }
examples.set("actColor", "action-bar/color");
examples.set("actBG", "action-bar/background");
examples.set("actStyle", "action-bar/all");
examples.set("actSystemIcons", "action-bar/system-icons");
examples.set("basics", "bindings/basics"); examples.set("basics", "bindings/basics");
examples.set("xmlbasics", "bindings/xmlbasics"); examples.set("xmlbasics", "bindings/xmlbasics");
examples.set("background", "css/background");
examples.set("radius", "css/radius"); examples.set("radius", "css/radius");
examples.set("styles", "css/styles"); examples.set("styles", "css/styles");
@ -51,21 +46,7 @@ examples.set("fontlbl", "font/label");
examples.set("fontfield", "font/text-field"); examples.set("fontfield", "font/text-field");
examples.set("fontview", "font/text-view"); examples.set("fontview", "font/text-view");
examples.set("htmlview", "html-view/html-view");
examples.set("roundbtn", "image-view/rounded-buttons");
examples.set("roundimg", "image-view/rounded-images");
examples.set("absolute", "layouts/absolute");
examples.set("dock", "layouts/dock");
examples.set("grid", "layouts/grid");
examples.set("myview", "layouts/myview");
examples.set("stack", "layouts/stack");
examples.set("wrap", "layouts/wrap");
examples.set("modalview", "modal-view/modal-view");
examples.set("nordic", "nordic/nordic");
examples.set("console", "pages/console"); examples.set("console", "pages/console");
examples.set("gestures", "pages/gestures"); examples.set("gestures", "pages/gestures");
@ -77,24 +58,23 @@ examples.set("listview_binding", "pages/listview_binding");
examples.set("switch", "pages/switchandprogress"); // TODO: Update this test page. examples.set("switch", "pages/switchandprogress"); // TODO: Update this test page.
examples.set("segStyle", "segmented-bar/all");
examples.set("tabColor", "tab-view/color");
examples.set("tabBG", "tab-view/background");
examples.set("tabTabsBG", "tab-view/tabsBackground");
examples.set("tabSelected", "tab-view/selected");
examples.set("tabStyle", "tab-view/all");
examples.set("textfield", "text-field/text-field"); examples.set("textfield", "text-field/text-field");
examples.set("webview", "web-view/web-view");
examples.set("webtest", "web-view/web-view-test");
examples.set("decoration", "css/text-decoration"); examples.set("decoration", "css/text-decoration");
examples.set("whitespace", "css/white-space"); examples.set("whitespace", "css/white-space");
examples.set("transform", "css/text-transform"); examples.set("transform", "css/text-transform");
// Layouts // ---
examples.set("actColor", "action-bar/color");
examples.set("actBG", "action-bar/background");
examples.set("actStyle", "action-bar/all");
examples.set("actIcons", "action-bar/system-icons");
examples.set("background", "css/background");
examples.set("htmlview", "html-view/html-view");
examples.set("absolute", "layouts/absolute"); examples.set("absolute", "layouts/absolute");
examples.set("dock", "layouts/dock"); examples.set("dock", "layouts/dock");
examples.set("grid", "layouts/grid"); examples.set("grid", "layouts/grid");
@ -108,3 +88,20 @@ examples.set("pgrid", "layouts-percent/grid");
examples.set("pmyview", "layouts-percent/myview"); examples.set("pmyview", "layouts-percent/myview");
examples.set("pstack", "layouts-percent/stack"); examples.set("pstack", "layouts-percent/stack");
examples.set("pwrap", "layouts-percent/wrap"); examples.set("pwrap", "layouts-percent/wrap");
examples.set("modalview", "modal-view/modal-view");
examples.set("nordic", "nordic/nordic");
examples.set("roundbtn", "image-view/rounded-buttons");
examples.set("roundimg", "image-view/rounded-images");
examples.set("segStyle", "segmented-bar/all");
examples.set("tabColor", "tab-view/color");
examples.set("tabBG", "tab-view/background");
examples.set("tabTabsBG", "tab-view/tabsBackground");
examples.set("tabSelected", "tab-view/selected");
examples.set("tabStyle", "tab-view/all");
examples.set("webview", "web-view/web-view");
examples.set("webtest", "web-view/web-view-test");