import { TestBed , waitForAsync } from '@angular/core/testing' ; import { AppComponent } from './app.component' ; import { FormsModule } from '@angular/forms' ; import { AtftModule } from 'atft' ; describe ( 'AppComponent' , ( ) => { beforeEach ( waitForAsync ( ( ) => { TestBed . configureTestingModule ( { declarations : [ AppComponent ] , imports : [ FormsModule , AtftModule ] } ) . compileComponents ( ) ; } ) ) ; it ( 'should create the app' , waitForAsync ( ( ) => { const fixture = TestBed . createComponent ( AppComponent ) ; const app = fixture . debugElement . componentInstance ; expect ( app ) . toBeTruthy ( ) ; } ) ) ; it ( `should have as title 'app'` , waitForAsync ( ( ) => { const fixture = TestBed . createComponent ( AppComponent ) ; const app = fixture . debugElement . componentInstance ; expect ( app . title ) . toEqual ( 'app' ) ; } ) ) ; it ( 'should create <canvas> element' , waitForAsync ( ( ) => { const fixture = TestBed . createComponent ( AppComponent ) ; fixture . detectChanges ( ) ; const compiled = fixture . debugElement . nativeElement ; expect ( compiled . querySelector ( 'canvas' ) ) . not . toBeNull ( 'No <canvas> rendered' ) ; } ) ) ; } ) ;