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): 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>