test(e2e): popover/basic

This commit is contained in:
Daniel Imhoff
2017-03-03 16:57:38 -06:00
parent 8674aaf419
commit 7b5bb940c9
12 changed files with 196 additions and 123 deletions

View File

@@ -0,0 +1,9 @@
import { Component, ViewEncapsulation } from '@angular/core';
@Component({
template: '<ion-nav [root]="root"></ion-nav>',
encapsulation: ViewEncapsulation.None
})
export class E2EApp {
root = 'E2EPage';
}

View File

@@ -0,0 +1,27 @@
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { IonicApp, IonicModule } from '../../../../..';
import { E2EApp } from './app.component';
@NgModule({
declarations: [
E2EApp,
],
imports: [
BrowserModule,
IonicModule.forRoot(E2EApp, {}, {
links: [
{ loadChildren: '../pages/main/main.module#E2EPageModule', name: 'E2EPage' },
{ loadChildren: '../pages/popover-long-list-page/popover-long-list-page.module#PopoverLongListPageModule', name: 'PopoverLongListPage' },
{ loadChildren: '../pages/popover-list-page/popover-list-page.module#PopoverListPageModule', name: 'PopoverListPage' },
{ loadChildren: '../pages/popover-radio-page/popover-radio-page.module#PopoverRadioPageModule', name: 'PopoverRadioPage' },
]
})
],
bootstrap: [IonicApp],
entryComponents: [
E2EApp,
]
})
export class AppModule {}

View File

@@ -0,0 +1,17 @@
import { NgModule } from '@angular/core';
import { DeepLinkModule } from '../../../../../..';
import { E2EPage } from './main';
@NgModule({
declarations: [
E2EPage,
],
imports: [
DeepLinkModule.forChild(E2EPage)
],
entryComponents: [
E2EPage,
]
})
export class E2EPageModule {}

View File

@@ -0,0 +1,46 @@
import { Component, ViewChild, ElementRef } from '@angular/core';
import { PopoverController } from '../../../../../..';
@Component({
templateUrl: 'main.html',
selector: 'e2e-popover-basic'
})
export class E2EPage {
@ViewChild('popoverContent', {read: ElementRef}) content: ElementRef;
@ViewChild('popoverText', {read: ElementRef}) text: ElementRef;
constructor(private popoverCtrl: PopoverController) {}
presentListPopover(ev: UIEvent) {
let popover = this.popoverCtrl.create('PopoverListPage');
popover.present({
ev: ev
});
}
presentLongListPopover(ev: UIEvent) {
let popover = this.popoverCtrl.create('PopoverLongListPage', {}, {
cssClass: 'my-popover popover-class'
});
popover.present({
ev: ev
});
}
presentRadioPopover(ev: UIEvent) {
let popover = this.popoverCtrl.create('PopoverRadioPage', {
contentEle: this.content.nativeElement,
textEle: this.text.nativeElement
});
popover.present({
ev: ev
});
}
presentNoEventPopover() {
this.popoverCtrl.create('PopoverListPage').present();
}
}

View File

@@ -0,0 +1,17 @@
import { NgModule } from '@angular/core';
import { DeepLinkModule } from '../../../../../..';
import { PopoverListPage } from './popover-list-page';
@NgModule({
declarations: [
PopoverListPage,
],
imports: [
DeepLinkModule.forChild(PopoverListPage)
],
entryComponents: [
PopoverListPage,
]
})
export class PopoverListPageModule {}

View File

@@ -0,0 +1,23 @@
import { Component } from '@angular/core';
import { ViewController } from '../../../../../..';
@Component({
template: `
<ion-list style="margin-bottom: 0">
<ion-list-header color="secondary">Ionic</ion-list-header>
<button ion-item (click)="close()">Learn Ionic</button>
<button ion-item (click)="close()">Documentation</button>
</ion-list>
<div padding style="padding-top: 0">
<p>Paragraph text</p>
Some more text and <span color="danger">danger span</span>.
</div>
`
})
export class PopoverListPage {
constructor(private viewCtrl: ViewController) {}
close() {
this.viewCtrl.dismiss();
}
}

View File

@@ -0,0 +1,17 @@
import { NgModule } from '@angular/core';
import { DeepLinkModule } from '../../../../../..';
import { PopoverLongListPage } from './popover-long-list-page';
@NgModule({
declarations: [
PopoverLongListPage,
],
imports: [
DeepLinkModule.forChild(PopoverLongListPage)
],
entryComponents: [
PopoverLongListPage,
]
})
export class PopoverLongListPageModule {}

View File

@@ -0,0 +1,21 @@
import { Component } from '@angular/core';
@Component({
template: `
<ion-content>
<ion-list>
<ion-list-header>Ionic</ion-list-header>
<button ion-item *ngFor="let item of items">Item {{item}}</button>
</ion-list>
</ion-content>
`
})
export class PopoverLongListPage {
items: number[] = [];
ngOnInit() {
for (let i = 1; i < 21; i++) {
this.items.push(i);
}
}
}

View File

@@ -0,0 +1,17 @@
import { NgModule } from '@angular/core';
import { DeepLinkModule } from '../../../../../..';
import { PopoverRadioPage } from './popover-radio-page';
@NgModule({
declarations: [
PopoverRadioPage,
],
imports: [
DeepLinkModule.forChild(PopoverRadioPage)
],
entryComponents: [
PopoverRadioPage,
]
})
export class PopoverRadioPageModule {}

View File

@@ -1,7 +1,5 @@
import { Component, ViewChild, ElementRef, ViewEncapsulation, NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { IonicApp, IonicModule, PopoverController, NavParams, ViewController } from '../../../..';
import { Component } from '@angular/core';
import { NavParams } from '../../../../../..';
@Component({
template: `
@@ -136,122 +134,3 @@ export class PopoverRadioPage {
if (this.fontFamily) this.textEle.style.fontFamily = this.fontFamily;
}
}
@Component({
template: `
<ion-list style="margin-bottom: 0">
<ion-list-header color="secondary">Ionic</ion-list-header>
<button ion-item (click)="close()">Learn Ionic</button>
<button ion-item (click)="close()">Documentation</button>
</ion-list>
<div padding style="padding-top: 0">
<p>Paragraph text</p>
Some more text and <span color="danger">danger span</span>.
</div>
`
})
export class PopoverListPage {
constructor(private viewCtrl: ViewController) {}
close() {
this.viewCtrl.dismiss();
}
}
@Component({
template: `
<ion-content>
<ion-list>
<ion-list-header>Ionic</ion-list-header>
<button ion-item *ngFor="let item of items">Item {{item}}</button>
</ion-list>
</ion-content>
`
})
export class PopoverLongListPage {
items: number[] = [];
ngOnInit() {
for (let i = 1; i < 21; i++) {
this.items.push(i);
}
}
}
@Component({
templateUrl: 'main.html',
selector: 'e2e-popover-basic'
})
export class E2EPage {
@ViewChild('popoverContent', {read: ElementRef}) content: ElementRef;
@ViewChild('popoverText', {read: ElementRef}) text: ElementRef;
constructor(private popoverCtrl: PopoverController) {}
presentListPopover(ev: UIEvent) {
let popover = this.popoverCtrl.create(PopoverListPage);
popover.present({
ev: ev
});
}
presentLongListPopover(ev: UIEvent) {
let popover = this.popoverCtrl.create(PopoverLongListPage, {}, {
cssClass: 'my-popover popover-class'
});
popover.present({
ev: ev
});
}
presentRadioPopover(ev: UIEvent) {
let popover = this.popoverCtrl.create(PopoverRadioPage, {
contentEle: this.content.nativeElement,
textEle: this.text.nativeElement
});
popover.present({
ev: ev
});
}
presentNoEventPopover() {
this.popoverCtrl.create(PopoverListPage).present();
}
}
@Component({
template: '<ion-nav [root]="root"></ion-nav>',
encapsulation: ViewEncapsulation.None
})
export class E2EApp {
root = E2EPage;
}
@NgModule({
declarations: [
E2EApp,
E2EPage,
PopoverRadioPage,
PopoverListPage,
PopoverLongListPage
],
imports: [
BrowserModule,
IonicModule.forRoot(E2EApp)
],
bootstrap: [IonicApp],
entryComponents: [
E2EApp,
E2EPage,
PopoverRadioPage,
PopoverListPage,
PopoverLongListPage
]
})
export class AppModule {}