javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-10 00:27:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

test(tabs): update tests

Browse Source
This commit is contained in:
Manu Mtz.-Almeida
2018-04-13 18:35:14 +02:00
parent fde878baf3
commit 9c11155732
9 changed files with 51 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
core/src/components/tabs/test/basic/index.html
View File

@ -10,7 +10,7 @@
<ion-app>
<ion-tabs>
<ion-tab tab-title="Plain List" tab-icon="star" path="">
<ion-tab label="Plain List" icon="star">
<ion-header>
<ion-toolbar>
@ -23,7 +23,7 @@
</ion-tab>
<ion-tab tab-title="Schedule" tab-icon="globe" path="tab2">
<ion-tab label="Schedule" icon="globe">
<ion-header>
<ion-toolbar>
@ -36,7 +36,7 @@
</ion-tab>
<ion-tab tab-title="Stopwatch" tab-icon="logo-facebook" path="tab3">
<ion-tab label="Stopwatch" icon="logo-facebook">
<ion-header>
<ion-toolbar>
@ -50,10 +50,9 @@
</ion-tab>
<ion-tab disabled
tab-title="Messages"
tab-icon="chatboxes"
component="page-one"
path="tab4">
label="Messages"
icon="chatboxes"
component="page-one">
</ion-tab>
</ion-tabs>
</ion-app>

6
core/src/components/tabs/test/nav/index.html
View File

@ -250,15 +250,15 @@
<ion-app useRouter='false'>
<ion-tabs>
<ion-tab tab-title="Plain List" tab-icon="star" path="">
<ion-tab label="Plain List" icon="star" path="">
<ion-nav root="page-one"></ion-nav>
</ion-tab>
<ion-tab tab-title="Schedule" tab-icon="globe" path="tab2">
<ion-tab label="Schedule" icon="globe" path="tab2">
<ion-nav root="page-four"></ion-nav>
</ion-tab>
<ion-tab tab-title="Stopwatch" tab-icon="logo-facebook" path="tab3">
<ion-tab label="Stopwatch" icon="logo-facebook" path="tab3">
<ion-nav root="page-seven"></ion-nav>
</ion-tab>
</ion-tabs>

10
core/src/components/tabs/test/preview/index.html
View File

@ -10,7 +10,7 @@
<ion-app>
<ion-tabs>
<ion-tab tab-title="Plain List" tab-icon="star" path="">
<ion-tab label="Plain List" icon="star" path="">
<ion-header>
<ion-toolbar>
@ -23,7 +23,7 @@
</ion-tab>
<ion-tab tab-title="Schedule" tab-icon="globe" path="tab2">
<ion-tab label="Schedule" icon="globe" path="tab2">
<ion-header>
<ion-toolbar>
@ -36,7 +36,7 @@
</ion-tab>
<ion-tab tab-title="Stopwatch" tab-icon="logo-facebook" path="tab3">
<ion-tab label="Stopwatch" icon="logo-facebook" path="tab3">
<ion-header>
<ion-toolbar>
@ -50,8 +50,8 @@
</ion-tab>
<ion-tab disabled
tab-title="Messages"
tab-icon="chatboxes"
label="Messages"
icon="chatboxes"
component="page-one"
path="tab4">
</ion-tab>

30
core/src/components/tabs/test/scroll/index.html
View File

@ -11,21 +11,21 @@
<ion-app>
<ion-tabs scrollable="true" tabbar-placement="top" tabbar-highlight="true">
<ion-tab tab-title="Plain List" tab-icon="star"></ion-tab>
<ion-tab tab-title="Schedule Long Text" tab-icon="globe"></ion-tab>
<ion-tab tab-title="Stopwatch" tab-icon="logo-facebook"></ion-tab>
<ion-tab tab-title="Messages" tab-icon="chatboxes"></ion-tab>
<ion-tab tab-title="Messages 2" tab-icon="chatboxes"></ion-tab>
<ion-tab tab-title="Messages 3" tab-icon="chatboxes"></ion-tab>
<ion-tab tab-title="Messages 4" tab-icon="chatboxes"></ion-tab>
<ion-tab tab-title="Messages 5" tab-icon="chatboxes"></ion-tab>
<ion-tab tab-title="Messages 6" tab-icon="chatboxes"></ion-tab>
<ion-tab tab-title="Messages 7" tab-icon="chatboxes"></ion-tab>
<ion-tab tab-title="Messages 8" tab-icon="chatboxes"></ion-tab>
<ion-tab tab-title="Messages 9" tab-icon="chatboxes"></ion-tab>
<ion-tab tab-title="Messages 10" tab-icon="chatboxes"></ion-tab>
<ion-tab tab-title="Messages 11" tab-icon="chatboxes"></ion-tab>
<ion-tab tab-title="Messages 12" tab-icon="chatboxes"></ion-tab>
<ion-tab label="Plain List" icon="star"></ion-tab>
<ion-tab label="Schedule Long Text" icon="globe"></ion-tab>
<ion-tab label="Stopwatch" icon="logo-facebook"></ion-tab>
<ion-tab label="Messages" icon="chatboxes"></ion-tab>
<ion-tab label="Messages 2" icon="chatboxes"></ion-tab>
<ion-tab label="Messages 3" icon="chatboxes"></ion-tab>
<ion-tab label="Messages 4" icon="chatboxes"></ion-tab>
<ion-tab label="Messages 5" icon="chatboxes"></ion-tab>
<ion-tab label="Messages 6" icon="chatboxes"></ion-tab>
<ion-tab label="Messages 7" icon="chatboxes"></ion-tab>
<ion-tab label="Messages 8" icon="chatboxes"></ion-tab>
<ion-tab label="Messages 9" icon="chatboxes"></ion-tab>
<ion-tab label="Messages 10" icon="chatboxes"></ion-tab>
<ion-tab label="Messages 11" icon="chatboxes"></ion-tab>
<ion-tab label="Messages 12" icon="chatboxes"></ion-tab>
</ion-tabs>
<ion-nav-controller></ion-nav-controller>

10
core/src/components/tabs/test/translucent/index.html
View File

@ -13,25 +13,25 @@
<ion-app>
<ion-tabs color="primary" translucent>
<ion-tab tab-title="Today" tab-icon="calendar" path="" root="translucent-page-tab">
<ion-tab label="Today" icon="calendar" path="" root="translucent-page-tab">
<ion-route path="" component="translucent-page-tab"></ion-route>
</ion-tab>
<ion-tab tab-title="Games" tab-icon="planet" root="page-two">
<ion-tab label="Games" icon="planet" root="page-two">
<ion-route path="" component="page-two"></ion-route>
<ion-route path="path/to/page/three" component="page-three"></ion-route>
</ion-tab>
<ion-tab tab-title="Apps" tab-icon="logo-buffer" root="page-three">
<ion-tab label="Apps" icon="logo-buffer" root="page-three">
<ion-route path="/" component="page-three"></ion-route>
</ion-tab>
<ion-tab tab-title="Updates" tab-icon="download" badge="7" badge-style="danger" root="translucent-page-tab">
<ion-tab label="Updates" icon="download" badge="7" badge-style="danger" root="translucent-page-tab">
<ion-route component="page-one"></ion-route>
<ion-route path="paginaaaa-two" component="page-two"></ion-route>
</ion-tab>
<ion-tab tab-title="Search" tab-icon="search">
<ion-tab label="Search" icon="search">
<ion-route path="" component="translucent-page-tab"></ion-route>
</ion-tab>
</ion-tabs>

4
core/src/components/tabs/test/vanilla/index.html
View File

@ -11,11 +11,11 @@
</head>
<body>
<ion-tabs>
<ion-tab tab-title="Tab One" tab-icon="star" path="">
<ion-tab label="Tab One" icon="star" path="">
<div class="div-one" slot="not-initialized">Div One</div>
</ion-tab>
<ion-tab tab-title="Tab Two" tab-icon="globe" path="tab2">
<ion-tab label="Tab Two" icon="globe" path="tab2">
<div class="div-two" slot="not-initialized">Div Two</div>
</ion-tab>
</ion-tabs>