FazBrowse GitHub Viewer | Trending |
URL:
| Home
Tools: [Download Repo ZIP]   [Original HTTPS Page]

test(safe-area): add ui tests (#6418) · NativeScript/NativeScript@e5f6065 · GitHub

/ NativeScript Public

Commit e5f6065

Browse files
MartoYankov
authored
test(safe-area): add ui tests (#6418)
1 parent c8c0be7 commit e5f6065

9 files changed

Lines changed: 90 additions & 0 deletions

File tree

‎apps/app/ui-tests-app/layouts/main-page.ts‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,7 @@ export function loadExamples() {
2323
examples.set("pwrap", "layouts-percent/wrap");
2424
examples.set("passThroughParent", "layouts/passThroughParent");
2525
examples.set("stacklayout-6059", "layouts/stacklayout-6059");
26+
examples.set("safe-area", "layouts/safe-area");
2627

2728
return examples;
2829
}

‎apps/app/ui-tests-app/layouts/safe-area.xml‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
<Page loaded="onLoaded">
2+
3+
<GridLayout rows="*, *" columns="*, *" backgroundColor="DarkSlateBlue">
4+
<GridLayout row="0" col="0" backgroundColor="Coral">
5+
<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" />
6+
</GridLayout>
7+
<GridLayout row="1" col="0" backgroundColor="SkyBlue" iosOverflowSafeArea="false">
8+
<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" />
9+
</GridLayout>
10+
<GridLayout row="0" col="1" backgroundColor="SkyBlue" iosOverflowSafeArea="false">
11+
<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" />
12+
</GridLayout>
13+
<GridLayout row="1" col="1" backgroundColor="Coral">
14+
<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" />
15+
</GridLayout>
16+
</GridLayout>
17+
18+
</Page>

‎apps/app/ui-tests-app/list-view/main-page.ts‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,7 @@ export function loadExamples() {
2020
examples.set("row-height", "list-view/row-height");
2121
examples.set("width-percent", "list-view/width-percent");
2222
examples.set("item-re-layout", "list-view/item-re-layout");
23+
examples.set("safe-area", "list-view/safe-area");
2324

2425
return examples;
2526
}

‎apps/app/ui-tests-app/list-view/safe-area.ts‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
export function onNavigatingTo(args) {
2+
const page = args.object;
3+
page.bindingContext = ["Item 1", "Item 2", "Item 3", "Item 4", "Item 5", "Item 6"];
4+
}

‎apps/app/ui-tests-app/list-view/safe-area.xml‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="onNavigatingTo" class="page">
2+
3+
<Page.actionBar>
4+
<ActionBar title="My App" icon="" class="action-bar">
5+
</ActionBar>
6+
</Page.actionBar>
7+
8+
<ListView items="{{ $value }}" backgroundColor="#003B46">
9+
<ListView.itemTemplate>
10+
<GridLayout columns="2*, 3*" backgroundColor="#07575B" margin="10">
11+
<Image col="0" stretch="aspectFill" src="~/ui-tests-app/resources/images/woods.jpg"></Image>
12+
<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>
13+
</GridLayout>
14+
</ListView.itemTemplate>
15+
</ListView>
16+
</Page>

‎apps/app/ui-tests-app/resources/images/woods.jpg‎

90.4 KB
LoadingViewer requires iframe.

‎apps/app/ui-tests-app/scroll-view/main-page.ts‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,5 +14,7 @@ export function loadExamples() {
1414
examples.set("scrolling-and-sizing", "scroll-view/scrolling-and-sizing");
1515
examples.set("safe-area-root-element", "scroll-view/safe-area-root-element");
1616
examples.set("safe-area-sub-element", "scroll-view/safe-area-sub-element");
17+
examples.set("safe-area-images", "scroll-view/safe-area-images");
18+
examples.set("safe-area-images-overflow", "scroll-view/safe-area-images-overflow");
1719
return examples;
1820
}

‎apps/app/ui-tests-app/scroll-view/safe-area-images-overflow.xml‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="onNavigatingTo" actionBarHidden="true" class="page">
2+
3+
<GridLayout rows="*">
4+
<ScrollView row="0" backgroundColor="DarkSlateGray">
5+
<StackLayout>
6+
<Image stretch="aspectFill" iosOverflowSafeArea="true" height="200" src="~/ui-tests-app/resources/images/woods.jpg"></Image>
7+
<StackLayout backgroundColor="DarkSalmon">
8+
<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" />
9+
</StackLayout>
10+
<Image stretch="aspectFill" iosOverflowSafeArea="true" height="200" src="~/ui-tests-app/resources/images/woods.jpg"></Image>
11+
<StackLayout backgroundColor="YellowGreen">
12+
<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" />
13+
</StackLayout>
14+
<Image stretch="aspectFill" iosOverflowSafeArea="true" height="200" src="~/ui-tests-app/resources/images/woods.jpg"></Image>
15+
<StackLayout backgroundColor="DimGray">
16+
<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" />
17+
</StackLayout>
18+
</StackLayout>
19+
</ScrollView>
20+
21+
<!-- status bar overlay -->
22+
<GridLayout row="0" backgroundColor="White" opacity="0.4" height="0" verticalAlignment="top"></GridLayout>
23+
</GridLayout>
24+
</Page>

‎apps/app/ui-tests-app/scroll-view/safe-area-images.xml‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="onNavigatingTo" actionBarHidden="true" class="page">
2+
3+
<GridLayout rows="*">
4+
<ScrollView row="0" backgroundColor="DarkSlateGray">
5+
<StackLayout>
6+
<Image stretch="aspectFill" height="200" src="~/ui-tests-app/resources/images/woods.jpg"></Image>
7+
<StackLayout backgroundColor="DarkSalmon">
8+
<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" />
9+
</StackLayout>
10+
<Image stretch="aspectFill" height="200" src="~/ui-tests-app/resources/images/woods.jpg"></Image>
11+
<StackLayout backgroundColor="YellowGreen">
12+
<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" />
13+
</StackLayout>
14+
<Image stretch="aspectFill" height="200" src="~/ui-tests-app/resources/images/woods.jpg"></Image>
15+
<StackLayout backgroundColor="DimGray">
16+
<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" />
17+
</StackLayout>
18+
</StackLayout>
19+
</ScrollView>
20+
21+
<!-- status bar overlay -->
22+
<GridLayout row="0" backgroundColor="White" opacity="0.4" height="0" verticalAlignment="top"></GridLayout>
23+
</GridLayout>
24+
</Page>

0 commit comments

Comments
 (0)
Back | FazBrowse Home | New Git URL