test(img): fix img tests

Author: adamdbradley

src/components/img/img.ts

@@ -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);
+    }
   }
 
   /**

src/components/img/test/basic/app-module.ts

@@ -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: [

src/components/img/test/basic/main.html

@@ -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>
 

src/components/img/test/cards/app-module.ts

@@ -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: [

src/components/img/test/cards/main.html

@@ -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>

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

@@ -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: [