import { ComponentFixture, TestBed, async } from '@angular/core/testing';
import { By }              from '@angular/platform-browser';
import { DebugElement }    from '@angular/core';

import { DefaultViewComponent } from './default-view.component';
import { HeartButtonComponent } from './heart-button.component';
import { LizardMessageComponent } from './lizard-message.component';

describe('Default View Component', () => {
  let comp:    DefaultViewComponent;
  let fixture: ComponentFixture<DefaultViewComponent>;
  let de:      DebugElement;
  let el:      HTMLElement;


  beforeEach(async(() => {
    let heartButtonStub = {};
    let lizardMessageStub = {};
    TestBed.configureTestingModule({
      declarations: [
        DefaultViewComponent,
        HeartButtonComponent,
        LizardMessageComponent
      ],
      providers:    [
        { provide: HeartButtonComponent, useValue: heartButtonStub },
        { provide: LizardMessageComponent, useValue: lizardMessageStub },
       ]
    }).compileComponents();  // compile template and css
  }));

  beforeEach(() => {
    fixture = TestBed.createComponent(DefaultViewComponent);
    comp = fixture.componentInstance; // DefaultViewComponent test instance
  });

  it('true should be true', () => {
    expect(true).toBe(true);
  });
});

import { ComponentFixture, TestBed, async } from '@angular/core/testing';
import { By }              from '@angular/platform-browser';
import { DebugElement }    from '@angular/core';

import { DefaultViewComponent } from './default-view.component';

describe('Default View Component', () => {
  let comp:    DefaultViewComponent;
  let fixture: ComponentFixture<DefaultViewComponent>;
  let de:      DebugElement;
  let el:      HTMLElement;


  beforeEach(async(() => {
    TestBed.configureTestingModule({
      declarations: [ DefaultViewComponent ], // declare the test component
    }).compileComponents();  // compile template and css
  }));

  beforeEach(() => {
    fixture = TestBed.createComponent(DefaultViewComponent);
    comp = fixture.componentInstance; // DefaultViewComponent test instance
  });

  it('true should be true', () => {
    expect(true).toBe(true);
  });
});

--- 
+++ 
@@ -3,6 +3,8 @@
 import { DebugElement }    from '@angular/core';
 
 import { DefaultViewComponent } from './default-view.component';
+import { HeartButtonComponent } from './heart-button.component';
+import { LizardMessageComponent } from './lizard-message.component';
 
 describe('Default View Component', () => {
   let comp:    DefaultViewComponent;
@@ -12,8 +14,18 @@
 
 
   beforeEach(async(() => {
+    let heartButtonStub = {};
+    let lizardMessageStub = {};
     TestBed.configureTestingModule({
-      declarations: [ DefaultViewComponent ], // declare the test component
+      declarations: [
+        DefaultViewComponent,
+        HeartButtonComponent,
+        LizardMessageComponent
+      ],
+      providers:    [
+        { provide: HeartButtonComponent, useValue: heartButtonStub },
+        { provide: LizardMessageComponent, useValue: lizardMessageStub },
+       ]
     }).compileComponents();  // compile template and css
   }));
 
Update Default View tests to stub new dependencies
