test(badge): added badge tests and updated item test to reflect new css names

references #689
This commit is contained in:
Brandy Carney
2015-12-04 13:36:33 -05:00
parent bc317f0123
commit 03f9b723b7
3 changed files with 76 additions and 2 deletions

View File

@ -0,0 +1,10 @@
import {App, IonicApp} from 'ionic/ionic';
@App({
templateUrl: 'main.html'
})
class E2EApp {
constructor(app: IonicApp) {
}
}

View File

@ -0,0 +1,64 @@
<ion-toolbar>
<ion-title>Badges</ion-title>
</ion-toolbar>
<ion-content>
<ion-list>
<ion-header>
Badges Right
</ion-header>
<ion-item>
Default Badge
<ion-badge item-right>99</ion-badge>
</ion-item>
<ion-item>
Primary Badge
<ion-badge item-right class="badge-primary">99</ion-badge>
</ion-item>
<ion-item>
Secondary Badge
<ion-badge item-right class="badge-secondary">99</ion-badge>
</ion-item>
<ion-item>
Danger Badge
<ion-badge item-right class="badge-danger">99</ion-badge>
</ion-item>
<ion-item>
Light Badge
<ion-badge item-right class="badge-light">99</ion-badge>
</ion-item>
<ion-item>
Dark Badge
<ion-badge item-right class="badge-dark">99</ion-badge>
</ion-item>
</ion-list>
<ion-list>
<ion-header>
Badges Left
</ion-header>
<ion-item>
Default Badge
<ion-badge item-left>99</ion-badge>
</ion-item>
<ion-item>
Primary Badge
<ion-badge item-left class="badge-primary">99</ion-badge>
</ion-item>
<ion-item>
Secondary Badge
<ion-badge item-left class="badge-secondary">99</ion-badge>
</ion-item>
<ion-item>
Danger Badge
<ion-badge item-left class="badge-danger">99</ion-badge>
</ion-item>
<ion-item>
Light Badge
<ion-badge item-left class="badge-light">99</ion-badge>
</ion-item>
<ion-item>
Dark Badge
<ion-badge item-left class="badge-dark">99</ion-badge>
</ion-item>
</ion-list>
</ion-content>

View File

@ -59,12 +59,12 @@
<button ion-item> <button ion-item>
Red Balloons Red Balloons
<item-badge item-right>99</item-badge> <ion-badge item-right>99</ion-badge>
</button> </button>
<ion-item> <ion-item>
Problems Problems
<item-badge item-right>99</item-badge> <ion-badge item-right>99</ion-badge>
</ion-item> </ion-item>
</ion-content> </ion-content>