use mock types

Author: krawaller

src/specs/component.battle.spec.ts

@@ -9,7 +9,7 @@ Unit tests for the Battle component. We need to test...
 // --------------- Test config ---------------
 
 import { CommonModule } from '@angular/common';
-import { MockComponent } from 'ng-mocks';
+import { MockComponent, MockedComponent } from 'ng-mocks';
 
 import { BattleComponent } from '../components/battle';
 import { CombatantComponent } from '../components/combatant';
@@ -52,7 +52,7 @@ describe('BattleComponent', () => {
   });
 
   describe('the winner class', () => {
-    let combatant1: CombatantComponent, combatant2: CombatantComponent, combatantElement1: HTMLElement, combatantElement2: HTMLElement;
+    let combatant1: MockedComponent<CombatantComponent>, combatant2: MockedComponent<CombatantComponent>, combatantElement1: HTMLElement, combatantElement2: HTMLElement;
     beforeEach(() => {
       [combatant1, combatant2] = debugElement.queryAll(By.css('combatant')).map(el => el.componentInstance);
       [combatantElement1, combatantElement2] = Array.from(nativeElement.querySelectorAll('combatant'));

src/specs/component.combatant.spec.ts

@@ -24,7 +24,7 @@ const fakeBattleService = {
 
 import { FormsModule } from '@angular/forms';
 import { CommonModule } from '@angular/common';
-import { MockComponent } from 'ng-mocks';
+import { MockComponent, MockedComponent } from 'ng-mocks';
 
 import { CombatantComponent } from '../components/combatant';
 import { CombatantDetailComponent } from '../components/combatantdetail';
@@ -151,7 +151,7 @@ describe('CombatantComponent', () => {
 
       it('should send data to combatantdetail child', () => {
         expect(nativeElement.querySelector('combatantdetail')).to.exist;
-        const detailInstance: CombatantDetailComponent = debugElement.query(By.css('combatantdetail')).componentInstance;
+        const detailInstance: MockedComponent<CombatantDetailComponent> = debugElement.query(By.css('combatantdetail')).componentInstance;
         expect(detailInstance.data).to.equal(fakeReply);
       });
     });