import { TestBed, async, ComponentFixture } from '@angular/core/testing';
import { DogBreedComponent } from './dog-breed.component';
describe('DogBreedComponent', () => {
TestBed.configureTestingModule({
it('gets instantiated', () => {
const fixture = TestBed.createComponent(DogBreedComponent);
const comp = fixture.componentInstance;
expect(comp).toBeTruthy();
it(`should contain a breed description`, () => {
const description = 'This is a breed description',
fixture = TestBed.createComponent(DogBreedComponent),
comp = fixture.componentInstance,
baseElement = fixture.nativeElement;
comp.description = description;
fixture.detectChanges(); // Force our changes to run through Angular's change detection mechanim
expect(baseElement.querySelector('.breed-description').textContent).toEqual(description);