mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 03:32:21 +08:00
test(badge): added badge tests and updated item test to reflect new css names
references #689
This commit is contained in:
10
ionic/components/badge/test/basic/index.ts
Normal file
10
ionic/components/badge/test/basic/index.ts
Normal file
@ -0,0 +1,10 @@
|
|||||||
|
import {App, IonicApp} from 'ionic/ionic';
|
||||||
|
|
||||||
|
|
||||||
|
@App({
|
||||||
|
templateUrl: 'main.html'
|
||||||
|
})
|
||||||
|
class E2EApp {
|
||||||
|
constructor(app: IonicApp) {
|
||||||
|
}
|
||||||
|
}
|
64
ionic/components/badge/test/basic/main.html
Normal file
64
ionic/components/badge/test/basic/main.html
Normal 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>
|
@ -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>
|
||||||
|
Reference in New Issue
Block a user