fix(tests): inject dependencies in tests

Author: dopry

src/app/app.component.spec.ts

@@ -1,11 +1,13 @@
 import { TestBed, async } from '@angular/core/testing';
+import { RouterTestingModule } from '@angular/router/testing';
 import { AppComponent } from './app.component';
 describe('AppComponent', () => {
   beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [
         AppComponent
       ],
+      imports: [ RouterTestingModule ]
     }).compileComponents();
   }));
   it('should create the app', async(() => {
@@ -22,6 +24,6 @@ describe('AppComponent', () => {
     const fixture = TestBed.createComponent(AppComponent);
     fixture.detectChanges();
     const compiled = fixture.debugElement.nativeElement;
-    expect(compiled.querySelector('h1').textContent).toContain('Welcome to app!');
+    expect(compiled.querySelector('.navbar-brand-icon').textContent).toContain('Node BACStack Browser');
   }));
 });

src/app/pages/browse/browse.component.spec.ts

@@ -1,14 +1,20 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing';
+import { RouterTestingModule } from '@angular/router/testing';
 
 import { BrowseComponent } from './browse.component';
+import { ApiService } from '../../services/api.service';
 
 describe('BrowseComponent', () => {
   let component: BrowseComponent;
   let fixture: ComponentFixture<BrowseComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ BrowseComponent ]
+      imports: [ RouterTestingModule, HttpClientTestingModule ],
+      declarations: [ BrowseComponent ],
+      providers: [ ApiService ]
+
     })
     .compileComponents();
   }));

src/app/pages/objects/objects.component.spec.ts

@@ -1,14 +1,19 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing';
+import { RouterTestingModule } from '@angular/router/testing';
 
 import { ObjectsComponent } from './objects.component';
+import { ApiService } from '../../services/api.service';
 
 describe('ObjectsComponent', () => {
   let component: ObjectsComponent;
   let fixture: ComponentFixture<ObjectsComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ ObjectsComponent ]
+      imports: [ RouterTestingModule, HttpClientTestingModule ],
+      declarations: [ ObjectsComponent ],
+      providers: [ ApiService ]
     })
     .compileComponents();
   }));

src/app/pages/properties/properties.component.spec.ts

@@ -1,14 +1,19 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing';
+import { RouterTestingModule } from '@angular/router/testing';
 
 import { PropertiesComponent } from './properties.component';
+import { ApiService } from '../../services/api.service';
 
 describe('PropertiesComponent', () => {
   let component: PropertiesComponent;
   let fixture: ComponentFixture<PropertiesComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ PropertiesComponent ]
+      imports: [ RouterTestingModule, HttpClientTestingModule ],
+      declarations: [ PropertiesComponent ],
+      providers: [ ApiService ]
     })
     .compileComponents();
   }));

src/app/pages/settings/settings.component.spec.ts

@@ -1,14 +1,19 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { FormsModule } from '@angular/forms';
+import { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing';
 
 import { SettingsComponent } from './settings.component';
+import { ApiService } from '../../services/api.service';
 
 describe('SettingsComponent', () => {
   let component: SettingsComponent;
   let fixture: ComponentFixture<SettingsComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ SettingsComponent ]
+      imports: [ FormsModule, HttpClientTestingModule ],
+      declarations: [ SettingsComponent ],
+      providers: [ ApiService ]
     })
     .compileComponents();
   }));

src/app/services/api.service.spec.ts

@@ -1,15 +1,27 @@
-import { TestBed, inject } from '@angular/core/testing';
-
+import { TestBed, getTestBed, inject } from '@angular/core/testing';
+import { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing';
 import { ApiService } from './api.service';
 
+// @see: https://medium.com/netscape/testing-with-the-angular-httpclient-api-648203820712 for
+// an example of testing http service.
+
 describe('ApiService', () => {
+  let injector: TestBed;
+  let service: ApiService;
+  let httpMock: HttpTestingController;
+
   beforeEach(() => {
     TestBed.configureTestingModule({
-      providers: [ApiService]
+      imports: [ HttpClientTestingModule ],
+      providers: [ ApiService ]
     });
+    injector = getTestBed();
+    service = injector.get(ApiService);
+    httpMock = injector.get(HttpTestingController);
+
   });
 
-  it('should be created', inject([ApiService], (service: ApiService) => {
+  it('should be created', () => {
     expect(service).toBeTruthy();
-  }));
+  });
 });