javascript/NativeScript
1
0
Fork 0
mirror of https://github.com/NativeScript/NativeScript.git synced 2025-08-15 19:26:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #2138 from NativeScript/tsenov/test-pages

Browse Source 
Update test pages
This commit is contained in:
Vasil Chimev
2016-05-18 09:11:03 -07:00
parent 2e46932fa9 0af231f1b7
commit e616354833
5 changed files with 38 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/ui-tests-app/css/clip-path.xml
View File

@ -1,5 +1,5 @@
<Page>
<GridLayout rows="*,*,*,*,*">
<GridLayout rows="*,*,*,*,*" automationText="clipPath">
<Button text="circle" style="background-color: red; border-width:2; border-color: blue; clip-path: circle(100% at 50% 50%);"/>
<Button text="ellipse" style="background-color: orange; border-width:2; border-color: green; clip-path: ellipse(50% 50% at 50% 50%);" row="1" />
<Button text="rect" style="background-color: red; border-width:2; border-color: blue; clip-path: rect(0, 0, 100%, 100%);" row="2" />

40
apps/ui-tests-app/css/zindex.xml
View File

@ -1,10 +1,36 @@
<Page>
<StackLayout automationText="zIndex">
<AbsoluteLayout style="background-color: green;">
<Button text="button 1" style="height: 100; width: 100; z-index: 999; background-color: red;" />
<Button text="button 2" left="20" top="70" style="height: 100; width: 100; z-index:1; background-color: yellow;"/>
<Button text="button 3" left="60" top="130" style="height: 100; width: 100; z-index:0; background-color: blue; color: black;"/>
<Button text="button 4" left="90" top="190" style="height: 100; width: 100; z-index:-1; background-color: orange;"/>
<GridLayout automationText="zIndex" columns="*,*" rows="*, *">
<AbsoluteLayout style="background-color: green;">
<Button text="button 1" style="height: 100; width: 100; z-index: 999; background-color: red;" />
<Button text="button 2" left="20" top="70" style="height: 100; width: 100; z-index:1; background-color: yellow;"/>
<Button text="button 3" left="60" top="130" style="height: 100; width: 100; z-index:0; background-color: blue; color: black;"/>
<Button text="button 4" left="90" top="190" style="height: 100; width: 100; z-index:-1; background-color: orange;"/>
</AbsoluteLayout>
<AbsoluteLayout style="background-color: black;" col="1">
<Label text="label 1" style="height: 100; width: 100; z-index: 999; background-color: red;" />
<Label text="label 2" left="20" top="70" style="height: 100; width: 100; z-index:1; background-color: yellow;"/>
<Label text="label 3" left="60" top="130" style="height: 100; width: 100; z-index:0; background-color: blue; color: black;"/>
<Label text="label 4" left="90" top="190" style="height: 100; width: 100; z-index:-1; background-color: orange;"/>
</AbsoluteLayout>
<AbsoluteLayout style="background-color: brown;" row="1">
<TextField text="TextField" style="height: 100; width: 100; z-index: 999; background-color: red;" />
<TextView text="TextView" left="20" top="70" style="height: 100; width: 100; z-index:1; background-color: yellow;"/>
<Image src="~/ui-tests-app/image-view/gravatar.png" left="60" top="130" style="height: 100; width: 100; z-index:0; background-color: blue; color: black;"/>
<TimePicker hour="5" minute="30" minHour="3" maxHour="7" left="90" top="190" style="z-index:-1; background-color: orange; width: 100;"/>
</AbsoluteLayout>
<AbsoluteLayout row="1" col="1" style="background-color: grey;">
<StackLayout style="background-color: green; z-index: 999;">
<TextField text="stacklayout1" style="height: 100; width: 100;"/>
</StackLayout>
<StackLayout left="20" top="70" style="z-index: 1; background-color: yellow">
<TextField text="stacklayout2" style="height: 100; width: 100;"/>
</StackLayout>
<WrapLayout left="60" top="130" style="z-index: 0; background-color: blue">
<TextField text="wraplayout" style="height: 100; width: 100;"/>
</WrapLayout>
<AbsoluteLayout left="90" top="190" style="height: 100; width: 100; z-index: -1; background-color: orange;">
<Label text="absolutelayout" top="40"/>
</AbsoluteLayout>
</StackLayout>
</AbsoluteLayout>
</GridLayout>
</Page>

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

@ -48,7 +48,7 @@ examples.set("transform", "css/text-transform");
examples.set("whitespace", "css/white-space");
examples.set("switch", "css/views");
examples.set("zindex", "css/zindex");
examples.set("clipPath", "css/clip-path");
examples.set("dialogs", "dialogs/dialogs");
examples.set("fontbtn", "font/button");
@ -83,7 +83,7 @@ examples.set("modalview", "modal-view/modal-view");
examples.set("nordic", "nordic/nordic");
examples.set("padding", "padding/padding");
examples.set("timePicker", "time-picker/time-picker");
examples.set("gestures", "pages/gestures");
examples.set("touch", "pages/touch-event");
examples.set("handlers", "pages/handlers");

2
apps/ui-tests-app/padding/padding.xml
View File

@ -1,5 +1,5 @@
<Page xmlns="http://schemas.nativescript.org/tns.xsd" >
<StackLayout>
<StackLayout automationText="padding">
<Label id="label" text="Label" backgroundColor="red"/>
<TextField id="textField" text="TextField" backgroundColor="green"/>
<TextView id="textView" text="TextView" backgroundColor="blue"/>

2
apps/ui-tests-app/time-picker/time-picker.xml
View File

@ -1,3 +1,3 @@
<Page>
<TimePicker hour="5" minute="30" minHour="3" maxHour="7" />
<TimePicker automationText="timePicker" hour="5" minute="30" minHour="3" maxHour="7" />
</Page>