From 8fd1c6de5c75e95077625b7ce65f43f3b285da0c Mon Sep 17 00:00:00 2001
From: Art Lowel <art@ArtMac.local>
Date: Wed, 18 Jan 2017 12:53:09 +0100
Subject: [PATCH] added a MockTranslateLoader to fix 404 with ng2-translate
 during testing

---
 src/app/app.component.spec.ts                  | 18 +++++++++++-------
 .../shared/testing/mock-translate-loader.ts    |  8 ++++++++
 2 files changed, 19 insertions(+), 7 deletions(-)
 create mode 100644 src/app/shared/testing/mock-translate-loader.ts

diff --git a/src/app/app.component.spec.ts b/src/app/app.component.spec.ts
index 9db1e49c47..2664b5f27b 100644
--- a/src/app/app.component.spec.ts
+++ b/src/app/app.component.spec.ts
@@ -10,7 +10,7 @@ import {
   DebugElement
 } from "@angular/core";
 import { By } from '@angular/platform-browser';
-import { TranslateModule } from "ng2-translate";
+import { TranslateModule, TranslateLoader } from "ng2-translate";
 import { Store, StoreModule } from "@ngrx/store";
 
 // Load the implementations that should be tested
@@ -19,23 +19,27 @@ import { AppComponent } from './app.component';
 import { CommonModule } from '@angular/common';
 import { HostWindowState } from "./shared/host-window.reducer";
 import { HostWindowResizeAction } from "./shared/host-window.actions";
+import { MockTranslateLoader } from "./shared/testing/mock-translate-loader";
 
-let comp:    AppComponent;
+let comp: AppComponent;
 let fixture: ComponentFixture<AppComponent>;
-let de:      DebugElement;
-let el:      HTMLElement;
+let de: DebugElement;
+let el: HTMLElement;
 
 describe('App component', () => {
 
   // async beforeEach
   beforeEach(async(() => {
     return TestBed.configureTestingModule({
-      imports: [ CommonModule, StoreModule.provideStore({}), TranslateModule.forRoot() ],
-      declarations: [ AppComponent ], // declare the test component
+      imports: [CommonModule, StoreModule.provideStore({}), TranslateModule.forRoot({
+        provide: TranslateLoader,
+        useClass: MockTranslateLoader
+      })],
+      declarations: [AppComponent], // declare the test component
       providers: [
         AppComponent
       ],
-      schemas: [ CUSTOM_ELEMENTS_SCHEMA ]
+      schemas: [CUSTOM_ELEMENTS_SCHEMA]
     })
   }));
 
diff --git a/src/app/shared/testing/mock-translate-loader.ts b/src/app/shared/testing/mock-translate-loader.ts
new file mode 100644
index 0000000000..a780766b25
--- /dev/null
+++ b/src/app/shared/testing/mock-translate-loader.ts
@@ -0,0 +1,8 @@
+import { TranslateLoader } from "ng2-translate";
+import { Observable } from "rxjs";
+
+export class MockTranslateLoader implements TranslateLoader {
+  getTranslation(lang: string): Observable<any> {
+    return Observable.of({});
+  }
+}