javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +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) {
console.debug(`render ${this._src} ${Date.now()}`);
this._isLoaded(true);
this._srcAttr(this._src);
}
});
}
@@ -243,10 +244,13 @@ export class Img implements OnDestroy {
* @internal
*/
_srcAttr(srcAttr: string) {
const imgEle = this._img;
const renderer = this._renderer;
renderer.setElementAttribute(this._img, 'src', srcAttr);
renderer.setElementAttribute(this._img, 'alt', this.alt);
if (imgEle.src !== srcAttr) {
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
],
imports: [
IonicModule.forRoot(E2EApp, {
imgWorkerUrl: '/dist/e2e/workers/ion-img-worker.js'
})
IonicModule.forRoot(E2EApp)
],
bootstrap: [IonicApp],
entryComponents: [

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

@@ -26,13 +26,13 @@
<ion-item>
<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>
Loaded Avatar
<ion-avatar item-right>
<ion-img src="../img/img/bueller.jpg"></ion-img>
<ion-img src="../img/bueller.jpg"></ion-img>
</ion-avatar>
</ion-item>
@@ -68,13 +68,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="../img/img/delorean.jpg"></ion-img>
<ion-img src="../img/delorean.jpg"></ion-img>
</ion-thumbnail>
Loaded Thumbnail
<ion-thumbnail item-right>
<ion-img src="../img/img/batmobile.jpg"></ion-img>
<ion-img src="../img/batmobile.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@@ -83,7 +83,7 @@
<div padding>
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.
</div>

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

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

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

@@ -15,22 +15,22 @@
</ion-card-header>
<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>
<h3>ion-img left</h3>
<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-item>
<ion-item *ngIf="item % 2 == 1">
<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>
<h2>Item avatar left</h2>
<h3>ion-img right</h3>
<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-card>

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

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

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

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

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

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

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

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

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

@@ -41,9 +41,7 @@ export class E2EApp {
E2EPage
],
imports: [
IonicModule.forRoot(E2EApp, {
imgWorkerUrl: '/dist/e2e/workers/ion-img-worker.js'
})
IonicModule.forRoot(E2EApp)
],
bootstrap: [IonicApp],
entryComponents: [
@@ -69,7 +67,7 @@ const images = [
];
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++;
if (rotateImg === images.length) rotateImg = 0;
return src;

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

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

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

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