javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-22 21:48:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

test(img): fix img tests

Browse Source
This commit is contained in:
Adam Bradley
2016-12-14 15:35:11 -06:00
parent 97ec20e422
commit c38bc42425
12 changed files with 121 additions and 133 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/img/img.ts
View File

@ -223,6 +223,7 @@ export class Img implements OnDestroy {
if (this._hasLoaded) { if (this._hasLoaded) {
console.debug(`render ${this._src} ${Date.now()}`); console.debug(`render ${this._src} ${Date.now()}`);
this._isLoaded(true); this._isLoaded(true);
this._srcAttr(this._src);
} }
}); });
} }
@ -243,10 +244,13 @@ export class Img implements OnDestroy {
* @internal * @internal
*/ */
_srcAttr(srcAttr: string) { _srcAttr(srcAttr: string) {
const imgEle = this._img;
const renderer = this._renderer; const renderer = this._renderer;
renderer.setElementAttribute(this._img, 'src', srcAttr); if (imgEle.src !== srcAttr) {
renderer.setElementAttribute(this._img, 'alt', this.alt); renderer.setElementAttribute(this._img, 'src', srcAttr);
renderer.setElementAttribute(this._img, 'alt', this.alt);
}
} }
/** /**

4
src/components/img/test/basic/app-module.ts
View File

@ -52,9 +52,7 @@ export class E2EApp {
MyImg MyImg
], ],
imports: [ imports: [
IonicModule.forRoot(E2EApp, { IonicModule.forRoot(E2EApp)
imgWorkerUrl: '/dist/e2e/workers/ion-img-worker.js'
})
], ],
bootstrap: [IonicApp], bootstrap: [IonicApp],
entryComponents: [ entryComponents: [

10
src/components/img/test/basic/main.html
View File

@ -26,13 +26,13 @@
<ion-item> <ion-item>
<ion-avatar item-left> <ion-avatar item-left>
<ion-img src="../img/img/blues-brothers.jpg"></ion-img> <ion-img src="../img/blues-brothers.jpg"></ion-img>
</ion-avatar> </ion-avatar>
Loaded Avatar Loaded Avatar
<ion-avatar item-right> <ion-avatar item-right>
<ion-img src="../img/img/bueller.jpg"></ion-img> <ion-img src="../img/bueller.jpg"></ion-img>
</ion-avatar> </ion-avatar>
</ion-item> </ion-item>
@ -68,13 +68,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/delorean.jpg"></ion-img> <ion-img src="../img/delorean.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Loaded Thumbnail Loaded Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/batmobile.jpg"></ion-img> <ion-img src="../img/batmobile.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -83,7 +83,7 @@
<div padding> <div padding>
Default ion-img w/in content, display: inline-block. Default ion-img w/in content, display: inline-block.
<ion-img alt="Smokey" width="150" height="112" src="../img/img/bandit.jpg"></ion-img> <ion-img alt="Smokey" width="150" height="112" src="../img/bandit.jpg"></ion-img>
has width, height and alt set. has width, height and alt set.
</div> </div>

4
src/components/img/test/cards/app-module.ts
View File

@ -29,9 +29,7 @@ export class E2EApp {
E2EPage E2EPage
], ],
imports: [ imports: [
IonicModule.forRoot(E2EApp, { IonicModule.forRoot(E2EApp)
imgWorkerUrl: '/dist/e2e/workers/ion-img-worker.js'
})
], ],
bootstrap: [IonicApp], bootstrap: [IonicApp],
entryComponents: [ entryComponents: [

8
src/components/img/test/cards/main.html
View File

@ -15,22 +15,22 @@
</ion-card-header> </ion-card-header>
<ion-item *ngIf="item % 2 == 0"> <ion-item *ngIf="item % 2 == 0">
<ion-img width="68px" height="50px" item-left src="../img/img/ghostbusters.jpg"></ion-img> <ion-img width="68px" height="50px" item-left src="../img/ghostbusters.jpg"></ion-img>
<h2>Item thumbnail right</h2> <h2>Item thumbnail right</h2>
<h3>ion-img left</h3> <h3>ion-img left</h3>
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/img/bandit.jpg"></ion-img> <ion-img src="../img/bandit.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
<ion-item *ngIf="item % 2 == 1"> <ion-item *ngIf="item % 2 == 1">
<ion-avatar item-left> <ion-avatar item-left>
<ion-img src="../img/img/blues-brothers.jpg"></ion-img> <ion-img src="../img/blues-brothers.jpg"></ion-img>
</ion-avatar> </ion-avatar>
<h2>Item avatar left</h2> <h2>Item avatar left</h2>
<h3>ion-img right</h3> <h3>ion-img right</h3>
<p>Isn't it beautiful.</p> <p>Isn't it beautiful.</p>
<ion-img width="68px" height="50px" item-right src="../img/img/ghostbusters.jpg"></ion-img> <ion-img width="68px" height="50px" item-right src="../img/ghostbusters.jpg"></ion-img>
</ion-item> </ion-item>
</ion-card> </ion-card>

4
src/components/img/test/lazy-load/app-module.ts
View File

@ -24,9 +24,7 @@ export class E2EApp {
E2EPage E2EPage
], ],
imports: [ imports: [
IonicModule.forRoot(E2EApp, { IonicModule.forRoot(E2EApp)
imgWorkerUrl: '/dist/e2e/workers/ion-img-worker.js'
})
], ],
bootstrap: [IonicApp], bootstrap: [IonicApp],
entryComponents: [ entryComponents: [

192
src/components/img/test/lazy-load/main.html
View File

@ -12,13 +12,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/bandit.jpg"></ion-img> <ion-img src="../img/bandit.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/batmobile.jpg"></ion-img> <ion-img src="../img/batmobile.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -26,13 +26,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/delorean.jpg"></ion-img> <ion-img src="../img/delorean.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/eleanor.jpg"></ion-img> <ion-img src="../img/eleanor.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -40,13 +40,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/ghostbusters.jpg"></ion-img> <ion-img src="../img/ghostbusters.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/knight-rider.jpg"></ion-img> <ion-img src="../img/knight-rider.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -54,13 +54,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/mirth-mobile.jpg"></ion-img> <ion-img src="../img/mirth-mobile.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/bandit.jpg"></ion-img> <ion-img src="../img/bandit.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -68,13 +68,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/bandit.jpg"></ion-img> <ion-img src="../img/bandit.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/batmobile.jpg"></ion-img> <ion-img src="../img/batmobile.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -82,13 +82,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/delorean.jpg"></ion-img> <ion-img src="../img/delorean.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/eleanor.jpg"></ion-img> <ion-img src="../img/eleanor.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -96,13 +96,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/ghostbusters.jpg"></ion-img> <ion-img src="../img/ghostbusters.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/knight-rider.jpg"></ion-img> <ion-img src="../img/knight-rider.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -110,13 +110,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/mirth-mobile.jpg"></ion-img> <ion-img src="../img/mirth-mobile.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/bandit.jpg"></ion-img> <ion-img src="../img/bandit.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -124,13 +124,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/bandit.jpg"></ion-img> <ion-img src="../img/bandit.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/batmobile.jpg"></ion-img> <ion-img src="../img/batmobile.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -138,13 +138,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/delorean.jpg"></ion-img> <ion-img src="../img/delorean.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/eleanor.jpg"></ion-img> <ion-img src="../img/eleanor.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -152,13 +152,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/ghostbusters.jpg"></ion-img> <ion-img src="../img/ghostbusters.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/knight-rider.jpg"></ion-img> <ion-img src="../img/knight-rider.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -166,13 +166,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/mirth-mobile.jpg"></ion-img> <ion-img src="../img/mirth-mobile.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/bandit.jpg"></ion-img> <ion-img src="../img/bandit.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -180,13 +180,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/bandit.jpg"></ion-img> <ion-img src="../img/bandit.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/batmobile.jpg"></ion-img> <ion-img src="../img/batmobile.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -194,13 +194,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/delorean.jpg"></ion-img> <ion-img src="../img/delorean.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/eleanor.jpg"></ion-img> <ion-img src="../img/eleanor.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -208,13 +208,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/ghostbusters.jpg"></ion-img> <ion-img src="../img/ghostbusters.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/knight-rider.jpg"></ion-img> <ion-img src="../img/knight-rider.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -222,13 +222,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/mirth-mobile.jpg"></ion-img> <ion-img src="../img/mirth-mobile.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/bandit.jpg"></ion-img> <ion-img src="../img/bandit.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -236,13 +236,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/bandit.jpg"></ion-img> <ion-img src="../img/bandit.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/batmobile.jpg"></ion-img> <ion-img src="../img/batmobile.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -250,13 +250,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/delorean.jpg"></ion-img> <ion-img src="../img/delorean.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/eleanor.jpg"></ion-img> <ion-img src="../img/eleanor.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -264,13 +264,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/ghostbusters.jpg"></ion-img> <ion-img src="../img/ghostbusters.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/knight-rider.jpg"></ion-img> <ion-img src="../img/knight-rider.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -278,13 +278,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/mirth-mobile.jpg"></ion-img> <ion-img src="../img/mirth-mobile.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/bandit.jpg"></ion-img> <ion-img src="../img/bandit.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -292,13 +292,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/bandit.jpg"></ion-img> <ion-img src="../img/bandit.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/batmobile.jpg"></ion-img> <ion-img src="../img/batmobile.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -306,13 +306,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/delorean.jpg"></ion-img> <ion-img src="../img/delorean.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/eleanor.jpg"></ion-img> <ion-img src="../img/eleanor.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -320,13 +320,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/ghostbusters.jpg"></ion-img> <ion-img src="../img/ghostbusters.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/knight-rider.jpg"></ion-img> <ion-img src="../img/knight-rider.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -334,13 +334,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/mirth-mobile.jpg"></ion-img> <ion-img src="../img/mirth-mobile.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/bandit.jpg"></ion-img> <ion-img src="../img/bandit.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -348,13 +348,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/bandit.jpg"></ion-img> <ion-img src="../img/bandit.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/batmobile.jpg"></ion-img> <ion-img src="../img/batmobile.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -362,13 +362,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/delorean.jpg"></ion-img> <ion-img src="../img/delorean.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/eleanor.jpg"></ion-img> <ion-img src="../img/eleanor.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -376,13 +376,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/ghostbusters.jpg"></ion-img> <ion-img src="../img/ghostbusters.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/knight-rider.jpg"></ion-img> <ion-img src="../img/knight-rider.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -390,13 +390,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/mirth-mobile.jpg"></ion-img> <ion-img src="../img/mirth-mobile.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/bandit.jpg"></ion-img> <ion-img src="../img/bandit.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -404,13 +404,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/bandit.jpg"></ion-img> <ion-img src="../img/bandit.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/batmobile.jpg"></ion-img> <ion-img src="../img/batmobile.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -418,13 +418,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/delorean.jpg"></ion-img> <ion-img src="../img/delorean.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/eleanor.jpg"></ion-img> <ion-img src="../img/eleanor.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -432,13 +432,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/ghostbusters.jpg"></ion-img> <ion-img src="../img/ghostbusters.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/knight-rider.jpg"></ion-img> <ion-img src="../img/knight-rider.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -446,13 +446,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/mirth-mobile.jpg"></ion-img> <ion-img src="../img/mirth-mobile.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/bandit.jpg"></ion-img> <ion-img src="../img/bandit.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -460,13 +460,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/bandit.jpg"></ion-img> <ion-img src="../img/bandit.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/batmobile.jpg"></ion-img> <ion-img src="../img/batmobile.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -474,13 +474,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/delorean.jpg"></ion-img> <ion-img src="../img/delorean.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/eleanor.jpg"></ion-img> <ion-img src="../img/eleanor.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -488,13 +488,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/ghostbusters.jpg"></ion-img> <ion-img src="../img/ghostbusters.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/knight-rider.jpg"></ion-img> <ion-img src="../img/knight-rider.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -502,13 +502,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/mirth-mobile.jpg"></ion-img> <ion-img src="../img/mirth-mobile.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/bandit.jpg"></ion-img> <ion-img src="../img/bandit.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -516,13 +516,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/bandit.jpg"></ion-img> <ion-img src="../img/bandit.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/batmobile.jpg"></ion-img> <ion-img src="../img/batmobile.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -530,13 +530,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/delorean.jpg"></ion-img> <ion-img src="../img/delorean.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/eleanor.jpg"></ion-img> <ion-img src="../img/eleanor.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -544,13 +544,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/ghostbusters.jpg"></ion-img> <ion-img src="../img/ghostbusters.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/knight-rider.jpg"></ion-img> <ion-img src="../img/knight-rider.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -558,13 +558,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/mirth-mobile.jpg"></ion-img> <ion-img src="../img/mirth-mobile.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/bandit.jpg"></ion-img> <ion-img src="../img/bandit.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -572,13 +572,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/bandit.jpg"></ion-img> <ion-img src="../img/bandit.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/batmobile.jpg"></ion-img> <ion-img src="../img/batmobile.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -586,13 +586,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/delorean.jpg"></ion-img> <ion-img src="../img/delorean.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/eleanor.jpg"></ion-img> <ion-img src="../img/eleanor.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -600,13 +600,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/ghostbusters.jpg"></ion-img> <ion-img src="../img/ghostbusters.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/knight-rider.jpg"></ion-img> <ion-img src="../img/knight-rider.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -614,13 +614,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/mirth-mobile.jpg"></ion-img> <ion-img src="../img/mirth-mobile.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/bandit.jpg"></ion-img> <ion-img src="../img/bandit.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -628,13 +628,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/bandit.jpg"></ion-img> <ion-img src="../img/bandit.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/batmobile.jpg"></ion-img> <ion-img src="../img/batmobile.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -642,13 +642,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/delorean.jpg"></ion-img> <ion-img src="../img/delorean.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/eleanor.jpg"></ion-img> <ion-img src="../img/eleanor.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -656,13 +656,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/ghostbusters.jpg"></ion-img> <ion-img src="../img/ghostbusters.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/knight-rider.jpg"></ion-img> <ion-img src="../img/knight-rider.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>
@ -670,13 +670,13 @@
<ion-item> <ion-item>
<ion-thumbnail item-left> <ion-thumbnail item-left>
<ion-img src="../img/img/mirth-mobile.jpg"></ion-img> <ion-img src="../img/mirth-mobile.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
Thumbnail Thumbnail
<ion-thumbnail item-right> <ion-thumbnail item-right>
<ion-img src="../img/img/bandit.jpg"></ion-img> <ion-img src="../img/bandit.jpg"></ion-img>
</ion-thumbnail> </ion-thumbnail>
</ion-item> </ion-item>

6
src/components/img/test/list/app-module.ts
View File

@ -35,7 +35,7 @@ const images = [
function getRandomImg(): string { function getRandomImg(): string {
let imgString = images[Math.floor(Math.random() * images.length)]; let imgString = images[Math.floor(Math.random() * images.length)];
let src = '../img/img/' + imgString; let src = '../img/' + imgString;
return src; return src;
} }
@ -54,9 +54,7 @@ export class E2EApp {
E2EPage E2EPage
], ],
imports: [ imports: [
IonicModule.forRoot(E2EApp, { IonicModule.forRoot(E2EApp)
imgWorkerUrl: '/dist/e2e/workers/ion-img-worker.js'
})
], ],
bootstrap: [IonicApp], bootstrap: [IonicApp],
entryComponents: [ entryComponents: [

4
src/components/virtual-scroll/test/basic/app-module.ts
View File

@ -64,9 +64,7 @@ export class E2EApp {
E2EPage E2EPage
], ],
imports: [ imports: [
IonicModule.forRoot(E2EApp, { IonicModule.forRoot(E2EApp)
imgWorkerUrl: '/dist/e2e/workers/ion-img-worker.js'
})
], ],
bootstrap: [IonicApp], bootstrap: [IonicApp],
entryComponents: [ entryComponents: [

6
src/components/virtual-scroll/test/cards/app-module.ts
View File

@ -41,9 +41,7 @@ export class E2EApp {
E2EPage E2EPage
], ],
imports: [ imports: [
IonicModule.forRoot(E2EApp, { IonicModule.forRoot(E2EApp)
imgWorkerUrl: '/dist/e2e/workers/ion-img-worker.js'
})
], ],
bootstrap: [IonicApp], bootstrap: [IonicApp],
entryComponents: [ entryComponents: [
@ -69,7 +67,7 @@ const images = [
]; ];
function getImgSrc() { function getImgSrc() {
let src = `../../img/img/${images[rotateImg]}.jpg?${Math.round(Math.random() * 10000000)}`; let src = `../img/${images[rotateImg]}.jpg?${Math.round(Math.random() * 10000000)}`;
rotateImg++; rotateImg++;
if (rotateImg === images.length) rotateImg = 0; if (rotateImg === images.length) rotateImg = 0;
return src; return src;

4
src/components/virtual-scroll/test/image-gallery/app-module.ts
View File

@ -87,9 +87,7 @@ export class E2EApp {
E2EPage E2EPage
], ],
imports: [ imports: [
IonicModule.forRoot(E2EApp, { IonicModule.forRoot(E2EApp)
imgWorkerUrl: '/dist/e2e/workers/ion-img-worker.js'
})
], ],
bootstrap: [IonicApp], bootstrap: [IonicApp],
entryComponents: [ entryComponents: [

4
src/components/virtual-scroll/test/list/app-module.ts
View File

@ -116,9 +116,7 @@ export class E2EApp {
E2EPage E2EPage
], ],
imports: [ imports: [
IonicModule.forRoot(E2EApp, { IonicModule.forRoot(E2EApp)
imgWorkerUrl: '/dist/e2e/workers/ion-img-worker.js'
})
], ],
bootstrap: [IonicApp], bootstrap: [IonicApp],
entryComponents: [ entryComponents: [