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

test(img): update img tests w/ relative urls and external worker

Browse Source
This commit is contained in:
Adam Bradley
2016-12-08 22:35:17 -06:00
parent 975eaa8aeb
commit ac9e9eff7e
13 changed files with 137 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -20,17 +20,17 @@ export class E2EPage {
{
width: '100',
height: '44',
src: 'http://localhost:8000/dist/e2e/img/img/batmobile.jpg'
src: '../img/img/batmobile.jpg'
},
{
width: '100',
height: '75',
src: 'http://localhost:8000/dist/e2e/img/img/knight-rider.jpg'
src: '../img/img/knight-rider.jpg'
},
{
width: '100',
height: '68',
src: 'http://localhost:8000/dist/e2e/img/img/general-lee.jpg'
src: '../img/img/general-lee.jpg'
}
];
@ -52,7 +52,9 @@ export class E2EApp {
MyImg
],
imports: [
IonicModule.forRoot(E2EApp)
IonicModule.forRoot(E2EApp, {
imgWorkerUrl: '/dist/e2e/workers/ion-img-worker.js'
})
],
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="http://localhost:8000/dist/e2e/img/img/blues-brothers.jpg"></ion-img>
<ion-img src="../img/img/blues-brothers.jpg"></ion-img>
</ion-avatar>
Loaded Avatar
<ion-avatar item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/bueller.jpg"></ion-img>
<ion-img src="../img/img/bueller.jpg"></ion-img>
</ion-avatar>
</ion-item>
@ -68,13 +68,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/delorean.jpg"></ion-img>
<ion-img src="../img/img/delorean.jpg"></ion-img>
</ion-thumbnail>
Loaded Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/batmobile.jpg"></ion-img>
<ion-img src="../img/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="http://localhost:8000/dist/e2e/img/img/bandit.jpg"></ion-img>
<ion-img alt="Smokey" width="150" height="112" src="../img/img/bandit.jpg"></ion-img>
has width, height and alt set.
</div>

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

@ -29,7 +29,9 @@ export class E2EApp {
E2EPage
],
imports: [
IonicModule.forRoot(E2EApp)
IonicModule.forRoot(E2EApp, {
imgWorkerUrl: '/dist/e2e/workers/ion-img-worker.js'
})
],
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="http://localhost:8000/dist/e2e/img/img/ghostbusters.jpg"></ion-img>
<ion-img width="68px" height="50px" item-left src="../img/img/ghostbusters.jpg"></ion-img>
<h2>Item thumbnail right</h2>
<h3>ion-img left</h3>
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/bandit.jpg"></ion-img>
<ion-img src="../img/img/img/bandit.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
<ion-item *ngIf="item % 2 == 1">
<ion-avatar item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/blues-brothers.jpg"></ion-img>
<ion-img src="../img/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="http://localhost:8000/dist/e2e/img/img/ghostbusters.jpg"></ion-img>
<ion-img width="68px" height="50px" item-right src="../img/img/ghostbusters.jpg"></ion-img>
</ion-item>
</ion-card>

4
src/components/img/test/img.spec.ts
View File

@ -2,7 +2,7 @@ import { ElementRef, Renderer } from '@angular/core';
import { Content } from '../../content/content';
import { Img } from '../img';
import { ImgLoader } from '../img-loader';
import { mockContent, MockDomController, mockElementRef, mockPlatform, mockRenderer, mockZone } from '../../../util/mock-providers';
import { mockConfig, mockContent, MockDomController, mockElementRef, mockPlatform, mockRenderer, mockZone } from '../../../util/mock-providers';
import { Platform } from '../../../platform/platform';
@ -79,7 +79,7 @@ describe('Img', () => {
beforeEach(() => {
content = mockContent();
ldr = new ImgLoader();
ldr = new ImgLoader(mockConfig());
elementRef = mockElementRef();
renderer = mockRenderer();
platform = mockPlatform();

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

@ -24,7 +24,9 @@ export class E2EApp {
E2EPage
],
imports: [
IonicModule.forRoot(E2EApp)
IonicModule.forRoot(E2EApp, {
imgWorkerUrl: '/dist/e2e/workers/ion-img-worker.js'
})
],
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="http://localhost:8000/dist/e2e/img/img/bandit.jpg"></ion-img>
<ion-img src="../img/img/bandit.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/batmobile.jpg"></ion-img>
<ion-img src="../img/img/batmobile.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -26,13 +26,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/delorean.jpg"></ion-img>
<ion-img src="../img/img/delorean.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/eleanor.jpg"></ion-img>
<ion-img src="../img/img/eleanor.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -40,13 +40,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/ghostbusters.jpg"></ion-img>
<ion-img src="../img/img/ghostbusters.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/knight-rider.jpg"></ion-img>
<ion-img src="../img/img/knight-rider.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -54,13 +54,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/mirth-mobile.jpg"></ion-img>
<ion-img src="../img/img/mirth-mobile.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/bandit.jpg"></ion-img>
<ion-img src="../img/img/bandit.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -68,13 +68,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/bandit.jpg"></ion-img>
<ion-img src="../img/img/bandit.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/batmobile.jpg"></ion-img>
<ion-img src="../img/img/batmobile.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -82,13 +82,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/delorean.jpg"></ion-img>
<ion-img src="../img/img/delorean.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/eleanor.jpg"></ion-img>
<ion-img src="../img/img/eleanor.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -96,13 +96,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/ghostbusters.jpg"></ion-img>
<ion-img src="../img/img/ghostbusters.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/knight-rider.jpg"></ion-img>
<ion-img src="../img/img/knight-rider.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -110,13 +110,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/mirth-mobile.jpg"></ion-img>
<ion-img src="../img/img/mirth-mobile.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/bandit.jpg"></ion-img>
<ion-img src="../img/img/bandit.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -124,13 +124,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/bandit.jpg"></ion-img>
<ion-img src="../img/img/bandit.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/batmobile.jpg"></ion-img>
<ion-img src="../img/img/batmobile.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -138,13 +138,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/delorean.jpg"></ion-img>
<ion-img src="../img/img/delorean.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/eleanor.jpg"></ion-img>
<ion-img src="../img/img/eleanor.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -152,13 +152,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/ghostbusters.jpg"></ion-img>
<ion-img src="../img/img/ghostbusters.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/knight-rider.jpg"></ion-img>
<ion-img src="../img/img/knight-rider.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -166,13 +166,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/mirth-mobile.jpg"></ion-img>
<ion-img src="../img/img/mirth-mobile.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/bandit.jpg"></ion-img>
<ion-img src="../img/img/bandit.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -180,13 +180,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/bandit.jpg"></ion-img>
<ion-img src="../img/img/bandit.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/batmobile.jpg"></ion-img>
<ion-img src="../img/img/batmobile.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -194,13 +194,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/delorean.jpg"></ion-img>
<ion-img src="../img/img/delorean.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/eleanor.jpg"></ion-img>
<ion-img src="../img/img/eleanor.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -208,13 +208,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/ghostbusters.jpg"></ion-img>
<ion-img src="../img/img/ghostbusters.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/knight-rider.jpg"></ion-img>
<ion-img src="../img/img/knight-rider.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -222,13 +222,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/mirth-mobile.jpg"></ion-img>
<ion-img src="../img/img/mirth-mobile.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/bandit.jpg"></ion-img>
<ion-img src="../img/img/bandit.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -236,13 +236,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/bandit.jpg"></ion-img>
<ion-img src="../img/img/bandit.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/batmobile.jpg"></ion-img>
<ion-img src="../img/img/batmobile.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -250,13 +250,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/delorean.jpg"></ion-img>
<ion-img src="../img/img/delorean.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/eleanor.jpg"></ion-img>
<ion-img src="../img/img/eleanor.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -264,13 +264,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/ghostbusters.jpg"></ion-img>
<ion-img src="../img/img/ghostbusters.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/knight-rider.jpg"></ion-img>
<ion-img src="../img/img/knight-rider.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -278,13 +278,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/mirth-mobile.jpg"></ion-img>
<ion-img src="../img/img/mirth-mobile.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/bandit.jpg"></ion-img>
<ion-img src="../img/img/bandit.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -292,13 +292,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/bandit.jpg"></ion-img>
<ion-img src="../img/img/bandit.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/batmobile.jpg"></ion-img>
<ion-img src="../img/img/batmobile.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -306,13 +306,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/delorean.jpg"></ion-img>
<ion-img src="../img/img/delorean.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/eleanor.jpg"></ion-img>
<ion-img src="../img/img/eleanor.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -320,13 +320,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/ghostbusters.jpg"></ion-img>
<ion-img src="../img/img/ghostbusters.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/knight-rider.jpg"></ion-img>
<ion-img src="../img/img/knight-rider.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -334,13 +334,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/mirth-mobile.jpg"></ion-img>
<ion-img src="../img/img/mirth-mobile.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/bandit.jpg"></ion-img>
<ion-img src="../img/img/bandit.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -348,13 +348,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/bandit.jpg"></ion-img>
<ion-img src="../img/img/bandit.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/batmobile.jpg"></ion-img>
<ion-img src="../img/img/batmobile.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -362,13 +362,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/delorean.jpg"></ion-img>
<ion-img src="../img/img/delorean.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/eleanor.jpg"></ion-img>
<ion-img src="../img/img/eleanor.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -376,13 +376,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/ghostbusters.jpg"></ion-img>
<ion-img src="../img/img/ghostbusters.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/knight-rider.jpg"></ion-img>
<ion-img src="../img/img/knight-rider.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -390,13 +390,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/mirth-mobile.jpg"></ion-img>
<ion-img src="../img/img/mirth-mobile.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/bandit.jpg"></ion-img>
<ion-img src="../img/img/bandit.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -404,13 +404,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/bandit.jpg"></ion-img>
<ion-img src="../img/img/bandit.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/batmobile.jpg"></ion-img>
<ion-img src="../img/img/batmobile.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -418,13 +418,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/delorean.jpg"></ion-img>
<ion-img src="../img/img/delorean.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/eleanor.jpg"></ion-img>
<ion-img src="../img/img/eleanor.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -432,13 +432,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/ghostbusters.jpg"></ion-img>
<ion-img src="../img/img/ghostbusters.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/knight-rider.jpg"></ion-img>
<ion-img src="../img/img/knight-rider.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -446,13 +446,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/mirth-mobile.jpg"></ion-img>
<ion-img src="../img/img/mirth-mobile.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/bandit.jpg"></ion-img>
<ion-img src="../img/img/bandit.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -460,13 +460,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/bandit.jpg"></ion-img>
<ion-img src="../img/img/bandit.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/batmobile.jpg"></ion-img>
<ion-img src="../img/img/batmobile.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -474,13 +474,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/delorean.jpg"></ion-img>
<ion-img src="../img/img/delorean.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/eleanor.jpg"></ion-img>
<ion-img src="../img/img/eleanor.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -488,13 +488,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/ghostbusters.jpg"></ion-img>
<ion-img src="../img/img/ghostbusters.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/knight-rider.jpg"></ion-img>
<ion-img src="../img/img/knight-rider.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -502,13 +502,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/mirth-mobile.jpg"></ion-img>
<ion-img src="../img/img/mirth-mobile.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/bandit.jpg"></ion-img>
<ion-img src="../img/img/bandit.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -516,13 +516,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/bandit.jpg"></ion-img>
<ion-img src="../img/img/bandit.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/batmobile.jpg"></ion-img>
<ion-img src="../img/img/batmobile.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -530,13 +530,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/delorean.jpg"></ion-img>
<ion-img src="../img/img/delorean.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/eleanor.jpg"></ion-img>
<ion-img src="../img/img/eleanor.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -544,13 +544,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/ghostbusters.jpg"></ion-img>
<ion-img src="../img/img/ghostbusters.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/knight-rider.jpg"></ion-img>
<ion-img src="../img/img/knight-rider.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -558,13 +558,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/mirth-mobile.jpg"></ion-img>
<ion-img src="../img/img/mirth-mobile.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/bandit.jpg"></ion-img>
<ion-img src="../img/img/bandit.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -572,13 +572,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/bandit.jpg"></ion-img>
<ion-img src="../img/img/bandit.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/batmobile.jpg"></ion-img>
<ion-img src="../img/img/batmobile.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -586,13 +586,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/delorean.jpg"></ion-img>
<ion-img src="../img/img/delorean.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/eleanor.jpg"></ion-img>
<ion-img src="../img/img/eleanor.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -600,13 +600,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/ghostbusters.jpg"></ion-img>
<ion-img src="../img/img/ghostbusters.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/knight-rider.jpg"></ion-img>
<ion-img src="../img/img/knight-rider.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -614,13 +614,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/mirth-mobile.jpg"></ion-img>
<ion-img src="../img/img/mirth-mobile.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/bandit.jpg"></ion-img>
<ion-img src="../img/img/bandit.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -628,13 +628,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/bandit.jpg"></ion-img>
<ion-img src="../img/img/bandit.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/batmobile.jpg"></ion-img>
<ion-img src="../img/img/batmobile.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -642,13 +642,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/delorean.jpg"></ion-img>
<ion-img src="../img/img/delorean.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/eleanor.jpg"></ion-img>
<ion-img src="../img/img/eleanor.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -656,13 +656,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/ghostbusters.jpg"></ion-img>
<ion-img src="../img/img/ghostbusters.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/knight-rider.jpg"></ion-img>
<ion-img src="../img/img/knight-rider.jpg"></ion-img>
</ion-thumbnail>
</ion-item>
@ -670,13 +670,13 @@
<ion-item>
<ion-thumbnail item-left>
<ion-img src="http://localhost:8000/dist/e2e/img/img/mirth-mobile.jpg"></ion-img>
<ion-img src="../img/img/mirth-mobile.jpg"></ion-img>
</ion-thumbnail>
Thumbnail
<ion-thumbnail item-right>
<ion-img src="http://localhost:8000/dist/e2e/img/img/bandit.jpg"></ion-img>
<ion-img src="../img/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 = 'http://localhost:8000/dist/e2e/img/img/' + imgString;
let src = '../img/img/' + imgString;
return src;
}
@ -54,7 +54,9 @@ export class E2EApp {
E2EPage
],
imports: [
IonicModule.forRoot(E2EApp)
IonicModule.forRoot(E2EApp, {
imgWorkerUrl: '/dist/e2e/workers/ion-img-worker.js'
})
],
bootstrap: [IonicApp],
entryComponents: [

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

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

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

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

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

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

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

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

4
src/components/virtual-scroll/test/list/main.html
View File

@ -26,13 +26,13 @@
<ion-item class="item-text-wrap" *virtualItem="let item; let itemBounds = bounds;">
<ion-thumbnail item-left>
<ion-img src="{{item.url}}" [bounds]="itemBounds"></ion-img>
<ion-img [src]="item.url" [bounds]="itemBounds"></ion-img>
</ion-thumbnail>
<h2 class="text-wrap">{{item.id}}, top: {{itemBounds.top}}, bottom: {{itemBounds.bottom}}, height: {{itemBounds.height}}</h2>
<!--<ion-thumbnail item-right>
<ion-img src="{{item.gif}}" [bounds]="itemBounds"></ion-img>
<ion-img [src]="item.gif" [bounds]="itemBounds"></ion-img>
</ion-thumbnail>-->
</ion-item>