mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-18 19:21:34 +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>
|
||||
Red Balloons
|
||||
<item-badge item-right>99</item-badge>
|
||||
<ion-badge item-right>99</ion-badge>
|
||||
</button>
|
||||
|
||||
<ion-item>
|
||||
Problems
|
||||
<item-badge item-right>99</item-badge>
|
||||
<ion-badge item-right>99</ion-badge>
|
||||
</ion-item>
|
||||
|
||||
</ion-content>
|
||||
|
Reference in New Issue
Block a user