import { async, ComponentFixture, TestBed, inject, fakeAsync } from '@angular/core/testing'; import { NO_ERRORS_SCHEMA, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { NgxEchartsModule } from 'ngx-echarts'; import { NgZorroAntdModule } from 'ng-zorro-antd'; import { TranslateModule, TranslateLoader, TranslateService, TranslateFakeLoader } from '@ngx-translate/core'; import { HttpClientModule } from '@angular/common/http'; import { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import { NZ_I18N, en_US } from 'ng-zorro-antd'; import { AlarmComponent } from './alarm.component'; import { DetailsComponent } from '../../shared/components/details/details.component'; import { LineComponent } from '../../shared/components/charts/line/line.component'; import { HomesService } from '../../core/services/homes.service'; fdescribe('AlarmComponent', () => { let component: AlarmComponent; let fixture: ComponentFixture; beforeEach(async(() => { TestBed.configureTestingModule({ declarations: [AlarmComponent, DetailsComponent, LineComponent], imports: [TranslateModule.forRoot({ loader: { provide: TranslateLoader, useClass: TranslateFakeLoader } }), NgZorroAntdModule.forRoot(), NgxEchartsModule, HttpClientModule, BrowserAnimationsModule, HttpClientTestingModule], providers: [TranslateService, HomesService, { provide: NZ_I18N, useValue: en_US }], schemas: [ CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA ] }) .compileComponents(); })); beforeEach(() => { fixture = TestBed.createComponent(AlarmComponent); component = fixture.componentInstance; fixture.detectChanges(); }); it('should create', inject([HttpTestingController, HomesService], (httpMock: HttpTestingController, service: HomesService) => { expect(component).toBeTruthy(); })); it('expects service to fetch data with proper sorting', inject([HttpTestingController, HomesService], (httpMock: HttpTestingController, service: HomesService) => { // We call the service service.getqueryAllSourceNames().subscribe(data => { expect(data.pageInfo.totalRecordCount).toBe(21); expect(data.pageInfo.pageNumber).toBe(0); expect(data.data.length).toBe(7); }); // We set the expectations for the HttpClient mock const req = httpMock.expectOne('http://.../data/contacts'); expect(req.request.method).toEqual('GET'); // Then we set the fake data to be returned by the mock req.flush({ data: {pageInfo: {totalRecordCount: 21, pageNumber: 0}, data: []}}); }) ); });