Skip to content

Commit e5f6065

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

File tree

9 files changed

+90
-0
lines changed

9 files changed

+90
-0
lines changed

‎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
Loading

‎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)
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy