Fixed Karma unit tests

nerdic-coder · nerdic-coder · commit 19589b43272b · 2018-04-17T23:36:52.000+03:00
diff --git a/src/app/app.component.spec.ts b/src/app/app.component.spec.ts
@@ -1,27 +1,41 @@
 import { TestBed, async } from '@angular/core/testing';
 import { AppComponent } from './app.component';
+import {
+  RouterTestingModule
+} from '@angular/router/testing';
+import { Component } from '@angular/core';
+
 describe('AppComponent', () => {
   beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [
-        AppComponent
+        AppComponent,
+        MockAppMessagesComponent
       ],
+      imports: [ RouterTestingModule ]
     }).compileComponents();
   }));
   it('should create the app', async(() => {
     const fixture = TestBed.createComponent(AppComponent);
     const app = fixture.debugElement.componentInstance;
     expect(app).toBeTruthy();
   }));
-  it(`should have as title 'app'`, async(() => {
+  it(`should have as title 'Tour of Heroes'`, async(() => {
     const fixture = TestBed.createComponent(AppComponent);
     const app = fixture.debugElement.componentInstance;
-    expect(app.title).toEqual('app');
+    expect(app.title).toEqual('Tour of Heroes');
   }));
   it('should render title in a h1 tag', async(() => {
     const fixture = TestBed.createComponent(AppComponent);
     fixture.detectChanges();
     const compiled = fixture.debugElement.nativeElement;
-    expect(compiled.querySelector('h1').textContent).toContain('Welcome to app!');
+    expect(compiled.querySelector('h1').textContent).toContain('Tour of Heroes');
   }));
 });
+
+@Component({
+  selector: 'app-messages',
+  template: ''
+})
+class MockAppMessagesComponent {
+}
diff --git a/src/app/dashboard/dashboard.component.spec.ts b/src/app/dashboard/dashboard.component.spec.ts
@@ -1,16 +1,36 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { async, ComponentFixture, TestBed, getTestBed } from '@angular/core/testing';
 
 import { DashboardComponent } from './dashboard.component';
+import { RouterModule } from '@angular/router';
+import { Component } from '@angular/core';
+import { HeroService } from '../hero.service';
+import { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing';
+import { MessageService } from '../message.service';
 
 describe('DashboardComponent', () => {
   let component: DashboardComponent;
   let fixture: ComponentFixture<DashboardComponent>;
+  let httpMock: HttpTestingController;
+  let injector: TestBed;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ DashboardComponent ]
+      declarations: [
+        DashboardComponent,
+        MockAppHeroSearchComponent
+      ],
+      imports: [
+        RouterModule,
+        HttpClientTestingModule
+      ],
+      providers: [
+        HeroService,
+        MessageService
+      ]
     })
     .compileComponents();
+    injector = getTestBed();
+    httpMock = injector.get(HttpTestingController);
   }));
 
   beforeEach(() => {
@@ -23,3 +43,9 @@ describe('DashboardComponent', () => {
     expect(component).toBeTruthy();
   });
 });
+@Component({
+  selector: 'app-hero-search',
+  template: ''
+})
+class MockAppHeroSearchComponent {
+}
diff --git a/src/app/hero-search/hero-search.component.spec.ts b/src/app/hero-search/hero-search.component.spec.ts
@@ -1,16 +1,32 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { async, ComponentFixture, TestBed, getTestBed } from '@angular/core/testing';
+import { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing';
 
 import { HeroSearchComponent } from './hero-search.component';
+import { RouterModule } from '@angular/router';
+import { HeroService } from '../hero.service';
+import { MessageService } from '../message.service';
 
 describe('HeroSearchComponent', () => {
   let component: HeroSearchComponent;
   let fixture: ComponentFixture<HeroSearchComponent>;
+  let httpMock: HttpTestingController;
+  let injector: TestBed;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ HeroSearchComponent ]
+      declarations: [HeroSearchComponent],
+      imports: [
+        RouterModule,
+        HttpClientTestingModule
+      ],
+      providers: [
+        HeroService,
+        MessageService
+      ]
     })
-    .compileComponents();
+      .compileComponents();
+    injector = getTestBed();
+    httpMock = injector.get(HttpTestingController);
   }));
 
   beforeEach(() => {
diff --git a/src/app/heroes/heroes.component.spec.ts b/src/app/heroes/heroes.component.spec.ts
@@ -1,16 +1,32 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { async, ComponentFixture, TestBed, getTestBed } from '@angular/core/testing';
+import { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing';
 
 import { HeroesComponent } from './heroes.component';
+import { RouterModule } from '@angular/router';
+import { HeroService } from '../hero.service';
+import { MessageService } from '../message.service';
 
 describe('HeroesComponent', () => {
   let component: HeroesComponent;
   let fixture: ComponentFixture<HeroesComponent>;
+  let httpMock: HttpTestingController;
+  let injector: TestBed;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ HeroesComponent ]
+      declarations: [HeroesComponent],
+      imports: [
+        RouterModule,
+        HttpClientTestingModule
+      ],
+      providers: [
+        HeroService,
+        MessageService
+      ]
     })
-    .compileComponents();
+      .compileComponents();
+    injector = getTestBed();
+    httpMock = injector.get(HttpTestingController);
   }));
 
   beforeEach(() => {
diff --git a/src/app/messages/messages.component.spec.ts b/src/app/messages/messages.component.spec.ts
@@ -1,14 +1,18 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { MessagesComponent } from './messages.component';
+import { MessageService } from '../message.service';
 
 describe('MessagesComponent', () => {
   let component: MessagesComponent;
   let fixture: ComponentFixture<MessagesComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ MessagesComponent ]
+      declarations: [ MessagesComponent ],
+      providers: [
+        MessageService
+      ]
     })
     .compileComponents();
   }));
