import { ComponentFixture , TestBed } from '@angular/core/testing' ; import { AngularFireAuth } from '@angular/fire/auth' ; import { AngularFirestore } from '@angular/fire/firestore' ; import { MatDialogModule } from '@angular/material/dialog' ; import { MatIconModule } from '@angular/material/icon' ; import { MatListModule } from '@angular/material/list' ; import { MatMenuModule } from '@angular/material/menu' ; import { Router } from '@angular/router' ; import { NEVER , of } from 'rxjs' ; import { NavigationService } from '../../services/navigation/navigation.service' ; import { FeaturePanelHeaderComponent } from './feature-panel-header.component' ; describe ( 'FeaturePanelHeaderComponent' , ( ) => { let component ; let fixture ; beforeEach ( async ( ) => { const navigationService = { getProjectId$ : ( ) => of ( '' ) , getFeatureId$ : ( ) => of ( '' ) , } ; await TestBed . configureTestingModule ( { declarations : [ FeaturePanelHeaderComponent ] , imports : [ MatIconModule , MatListModule , MatMenuModule , MatDialogModule ] , providers : [ { provide : Router , useValue : { } } , { provide : AngularFirestore , useValue : { } } , { provide : AngularFireAuth , useValue : { authState : NEVER } } , { provide : NavigationService , useValue : navigationService } , ] , } ) . compileComponents ( ) ; } ) ; beforeEach ( ( ) => { fixture = TestBed . createComponent ( FeaturePanelHeaderComponent ) ; component = fixture . componentInstance ; fixture . detectChanges ( ) ; } ) ; it ( 'should create' , ( ) => { expect ( component ) . toBeTruthy ( ) ; } ) ; } ) ;