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

tests: added selected-item test pages

Browse Source
This commit is contained in:
Vasil Trifonov
2020-03-13 19:23:14 +02:00
parent 6a1e0987a2
commit c50f3ffaa6
6 changed files with 109 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
e2e/ui-tests-app/app/bottom-navigation/main-page.ts
View File

@@ -26,6 +26,7 @@ export function loadExamples() {
examples.set("css-text-transform", "bottom-navigation/bottom-navigation-css-page");
examples.set("custom-tabstrip", "bottom-navigation/custom-tabstrip-page");
examples.set("reselect", "bottom-navigation/reselect-page");
examples.set("selected-item", "bottom-navigation/selected-item");
return examples;
}

7
e2e/ui-tests-app/app/bottom-navigation/selected-item.css Normal file
View File

@@ -0,0 +1,7 @@
.font-awesome {
font-family: "FontAwesome";
}
.font-size {
font-size: 36;
}

40
e2e/ui-tests-app/app/bottom-navigation/selected-item.xml Normal file
View File

@@ -0,0 +1,40 @@
<Page class="page">
<ActionBar title="BottomNavigation selected-item" icon="" class="action-bar">
</ActionBar>
<BottomNavigation>
<TabStrip selectedItemColor="red" unSelectedItemColor="green">
<TabStripItem>
<Label text="First"/>
<Image src="res://baseline_motorcycle_black_24"/>
</TabStripItem>
<TabStripItem>
<Label text="Second"/>
<Image src="res://up"/>
</TabStripItem>
<TabStripItem>
<Label text="Third"/>
<Image src="font://&#xF10B;" class="font-awesome font-size" />
</TabStripItem>
</TabStrip>
<TabContentItem class="special">
<GridLayout>
<Label text="First View" />
</GridLayout>
</TabContentItem>
<TabContentItem>
<GridLayout>
<Label text="Second View" />
</GridLayout>
</TabContentItem>
<TabContentItem>
<GridLayout>
<Label text="Third View" />
</GridLayout>
</TabContentItem>
</BottomNavigation>
</Page>

1
e2e/ui-tests-app/app/tabs/main-page.ts
View File

@@ -33,6 +33,7 @@ export function loadExamples() {
examples.set("nested-bottom-navigation", "tabs/nested-bottom-navigation-page");
examples.set("custom-tabstrip", "tabs/custom-tabstrip-page");
examples.set("frame-in-tabs", "tabs/frame-in-tabs");
examples.set("selected-item", "tabs/selected-item");
return examples;
}

20
e2e/ui-tests-app/app/tabs/selected-item.css Normal file
View File

@@ -0,0 +1,20 @@
.font-awesome {
font-family: "FontAwesome";
}
.font-size {
font-size: 36;
}
/* TabStrip {
color: mediumvioletred;
}
TabStripItem {
color: skyblue;
}
TabStripItem:active {
color: darkblue;
} */

40
e2e/ui-tests-app/app/tabs/selected-item.xml Normal file
View File

@@ -0,0 +1,40 @@
<Page class="page">
<ActionBar title="Tabs selected-item" icon="" class="action-bar">
</ActionBar>
<Tabs>
<TabStrip selectedItemColor="red" unSelectedItemColor="green">
<TabStripItem>
<Label text="First"/>
<Image src="res://baseline_motorcycle_black_24"/>
</TabStripItem>
<TabStripItem>
<Label text="Second"/>
<Image src="res://up"/>
</TabStripItem>
<TabStripItem>
<Label text="Third"/>
<Image src="font://&#xF10B;" class="font-awesome font-size" />
</TabStripItem>
</TabStrip>
<TabContentItem class="special">
<GridLayout>
<Label text="First View" />
</GridLayout>
</TabContentItem>
<TabContentItem>
<GridLayout>
<Label text="Second View" />
</GridLayout>
</TabContentItem>
<TabContentItem>
<GridLayout>
<Label text="Third View" />
</GridLayout>
</TabContentItem>
</Tabs>
</Page>