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

test(safe-area): add ui tests (#6418)

Browse Source
This commit is contained in:
Martin Yankov
2018-10-17 13:29:38 +03:00
committed by GitHub
parent c8c0be7684
commit e5f6065fd2
9 changed files with 90 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
apps/app/ui-tests-app/layouts/main-page.ts
View File

@ -23,6 +23,7 @@ export function loadExamples() {
examples.set("pwrap", "layouts-percent/wrap"); examples.set("pwrap", "layouts-percent/wrap");
examples.set("passThroughParent", "layouts/passThroughParent"); examples.set("passThroughParent", "layouts/passThroughParent");
examples.set("stacklayout-6059", "layouts/stacklayout-6059"); examples.set("stacklayout-6059", "layouts/stacklayout-6059");
examples.set("safe-area", "layouts/safe-area");
return examples; return examples;
} }

18
apps/app/ui-tests-app/layouts/safe-area.xml Normal file
View File

@ -0,0 +1,18 @@
<Page loaded="onLoaded">
<GridLayout rows="*, *" columns="*, *" backgroundColor="DarkSlateBlue">
<GridLayout row="0" col="0" backgroundColor="Coral">
<Label verticalAlignment="top" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc id sem ex. Aenean at ultricies metus, ut tincidunt nunc. Vivamus dictum sem sed ante fermentum, id congue lacus lacinia. Integer bibendum tincidunt quam ornare ullamcorper. Curabitur vel erat convallis, congue sapien vel, consequat augue. Praesent pharetra egestas ante, volutpat bibendum odio placerat nec. Curabitur maximus nibh et semper pharetra. Sed nibh massa, tempus eget orci vitae, aliquet feugiat magna. Sed condimentum sem non eros vulputate rhoncus. Suspendisse maximus neque sed eros ullamcorper, at hendrerit ante sollicitudin." textWrap="true" />
</GridLayout>
<GridLayout row="1" col="0" backgroundColor="SkyBlue" iosOverflowSafeArea="false">
<Label verticalAlignment="top" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc id sem ex. Aenean at ultricies metus, ut tincidunt nunc. Vivamus dictum sem sed ante fermentum, id congue lacus lacinia. Integer bibendum tincidunt quam ornare ullamcorper. Curabitur vel erat convallis, congue sapien vel, consequat augue. Praesent pharetra egestas ante, volutpat bibendum odio placerat nec. Curabitur maximus nibh et semper pharetra. Sed nibh massa, tempus eget orci vitae, aliquet feugiat magna. Sed condimentum sem non eros vulputate rhoncus. Suspendisse maximus neque sed eros ullamcorper, at hendrerit ante sollicitudin." textWrap="true" />
</GridLayout>
<GridLayout row="0" col="1" backgroundColor="SkyBlue" iosOverflowSafeArea="false">
<Label verticalAlignment="top" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc id sem ex. Aenean at ultricies metus, ut tincidunt nunc. Vivamus dictum sem sed ante fermentum, id congue lacus lacinia. Integer bibendum tincidunt quam ornare ullamcorper. Curabitur vel erat convallis, congue sapien vel, consequat augue. Praesent pharetra egestas ante, volutpat bibendum odio placerat nec. Curabitur maximus nibh et semper pharetra. Sed nibh massa, tempus eget orci vitae, aliquet feugiat magna. Sed condimentum sem non eros vulputate rhoncus. Suspendisse maximus neque sed eros ullamcorper, at hendrerit ante sollicitudin." textWrap="true" />
</GridLayout>
<GridLayout row="1" col="1" backgroundColor="Coral">
<Label verticalAlignment="top" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc id sem ex. Aenean at ultricies metus, ut tincidunt nunc. Vivamus dictum sem sed ante fermentum, id congue lacus lacinia. Integer bibendum tincidunt quam ornare ullamcorper. Curabitur vel erat convallis, congue sapien vel, consequat augue. Praesent pharetra egestas ante, volutpat bibendum odio placerat nec. Curabitur maximus nibh et semper pharetra. Sed nibh massa, tempus eget orci vitae, aliquet feugiat magna. Sed condimentum sem non eros vulputate rhoncus. Suspendisse maximus neque sed eros ullamcorper, at hendrerit ante sollicitudin." textWrap="true" />
</GridLayout>
</GridLayout>
</Page>

1
apps/app/ui-tests-app/list-view/main-page.ts
View File

@ -20,6 +20,7 @@ export function loadExamples() {
examples.set("row-height", "list-view/row-height"); examples.set("row-height", "list-view/row-height");
examples.set("width-percent", "list-view/width-percent"); examples.set("width-percent", "list-view/width-percent");
examples.set("item-re-layout", "list-view/item-re-layout"); examples.set("item-re-layout", "list-view/item-re-layout");
examples.set("safe-area", "list-view/safe-area");
return examples; return examples;
} }

4
apps/app/ui-tests-app/list-view/safe-area.ts Normal file
View File

@ -0,0 +1,4 @@
export function onNavigatingTo(args) {
const page = args.object;
page.bindingContext = ["Item 1", "Item 2", "Item 3", "Item 4", "Item 5", "Item 6"];
}

16
apps/app/ui-tests-app/list-view/safe-area.xml Normal file
View File

@ -0,0 +1,16 @@
<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="onNavigatingTo" class="page">
<Page.actionBar>
<ActionBar title="My App" icon="" class="action-bar">
</ActionBar>
</Page.actionBar>
<ListView items="{{ $value }}" backgroundColor="#003B46">
<ListView.itemTemplate>
<GridLayout columns="2*, 3*" backgroundColor="#07575B" margin="10">
<Image col="0" stretch="aspectFill" src="~/ui-tests-app/resources/images/woods.jpg"></Image>
<Label col="1" verticalAlignment="top" color="#C4DFE6" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc id sem ex. Aenean at ultricies metus, ut tincidunt nunc. Vivamus dictum sem sed ante fermentum, id congue lacus lacinia. " textWrap="true"></Label>
</GridLayout>
</ListView.itemTemplate>
</ListView>
</Page>

BIN
apps/app/ui-tests-app/resources/images/woods.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 90 KiB

2
apps/app/ui-tests-app/scroll-view/main-page.ts
View File

@ -14,5 +14,7 @@ export function loadExamples() {
examples.set("scrolling-and-sizing", "scroll-view/scrolling-and-sizing"); examples.set("scrolling-and-sizing", "scroll-view/scrolling-and-sizing");
examples.set("safe-area-root-element", "scroll-view/safe-area-root-element"); examples.set("safe-area-root-element", "scroll-view/safe-area-root-element");
examples.set("safe-area-sub-element", "scroll-view/safe-area-sub-element"); examples.set("safe-area-sub-element", "scroll-view/safe-area-sub-element");
examples.set("safe-area-images", "scroll-view/safe-area-images");
examples.set("safe-area-images-overflow", "scroll-view/safe-area-images-overflow");
return examples; return examples;
} }

24
apps/app/ui-tests-app/scroll-view/safe-area-images-overflow.xml Normal file
View File

@ -0,0 +1,24 @@
<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="onNavigatingTo" actionBarHidden="true" class="page">
<GridLayout rows="*">
<ScrollView row="0" backgroundColor="DarkSlateGray">
<StackLayout>
<Image stretch="aspectFill" iosOverflowSafeArea="true" height="200" src="~/ui-tests-app/resources/images/woods.jpg"></Image>
<StackLayout backgroundColor="DarkSalmon">
<Label verticalAlignment="top" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc id sem ex. Aenean at ultricies metus, ut tincidunt nunc. Vivamus dictum sem sed ante fermentum, id congue lacus lacinia. Integer bibendum tincidunt quam ornare ullamcorper." textWrap="true" />
</StackLayout>
<Image stretch="aspectFill" iosOverflowSafeArea="true" height="200" src="~/ui-tests-app/resources/images/woods.jpg"></Image>
<StackLayout backgroundColor="YellowGreen">
<Label verticalAlignment="top" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc id sem ex. Aenean at ultricies metus, ut tincidunt nunc. Vivamus dictum sem sed ante fermentum, id congue lacus lacinia. Integer bibendum tincidunt quam ornare ullamcorper." textWrap="true" />
</StackLayout>
<Image stretch="aspectFill" iosOverflowSafeArea="true" height="200" src="~/ui-tests-app/resources/images/woods.jpg"></Image>
<StackLayout backgroundColor="DimGray">
<Label verticalAlignment="top" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc id sem ex. Aenean at ultricies metus, ut tincidunt nunc. Vivamus dictum sem sed ante fermentum, id congue lacus lacinia. Integer bibendum tincidunt quam ornare ullamcorper." textWrap="true" />
</StackLayout>
</StackLayout>
</ScrollView>
<!-- status bar overlay -->
<GridLayout row="0" backgroundColor="White" opacity="0.4" height="0" verticalAlignment="top"></GridLayout>
</GridLayout>
</Page>

24
apps/app/ui-tests-app/scroll-view/safe-area-images.xml Normal file
View File

@ -0,0 +1,24 @@
<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="onNavigatingTo" actionBarHidden="true" class="page">
<GridLayout rows="*">
<ScrollView row="0" backgroundColor="DarkSlateGray">
<StackLayout>
<Image stretch="aspectFill" height="200" src="~/ui-tests-app/resources/images/woods.jpg"></Image>
<StackLayout backgroundColor="DarkSalmon">
<Label verticalAlignment="top" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc id sem ex. Aenean at ultricies metus, ut tincidunt nunc. Vivamus dictum sem sed ante fermentum, id congue lacus lacinia. Integer bibendum tincidunt quam ornare ullamcorper." textWrap="true" />
</StackLayout>
<Image stretch="aspectFill" height="200" src="~/ui-tests-app/resources/images/woods.jpg"></Image>
<StackLayout backgroundColor="YellowGreen">
<Label verticalAlignment="top" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc id sem ex. Aenean at ultricies metus, ut tincidunt nunc. Vivamus dictum sem sed ante fermentum, id congue lacus lacinia. Integer bibendum tincidunt quam ornare ullamcorper." textWrap="true" />
</StackLayout>
<Image stretch="aspectFill" height="200" src="~/ui-tests-app/resources/images/woods.jpg"></Image>
<StackLayout backgroundColor="DimGray">
<Label verticalAlignment="top" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc id sem ex. Aenean at ultricies metus, ut tincidunt nunc. Vivamus dictum sem sed ante fermentum, id congue lacus lacinia. Integer bibendum tincidunt quam ornare ullamcorper." textWrap="true" />
</StackLayout>
</StackLayout>
</ScrollView>
<!-- status bar overlay -->
<GridLayout row="0" backgroundColor="White" opacity="0.4" height="0" verticalAlignment="top"></GridLayout>
</GridLayout>
</Page>