각도 4/5 단위 테스트 케이스. 서비스에 들어갑니다.

서비스를 호출하고 HTTP로부터 응답을 받기위한 테스트 케이스를 작성하려고합니다. 100,이 코드는각도 4/5 단위 테스트 케이스. 서비스에 들어갑니다.

import { Injectable } from '@angular/core'; 
import { HttpClient } from '@angular/common/http'; 

@Injectable() 
export class SampleDataService { 

    constructor(private http:HttpClient) { } 

    getData(){ 
    return this.http.get("http://jsonplaceholder.typicode.com/posts"); 
    } 
}

app.component 예외를

it('Should call HTTP!', inject([SampleDataService], (sampleDataService) => { 
    expect(100).toBe(12); //<== This gives me correct exception i.e Expected 100 to be 12. 
    sampleDataService.getData().subscribe(
    (data) => { 
     console.log('ngOnInit', data.length); // here data.length is 100 
     expect(data.length).toBe(12); // This does not throw any exception 
    }); 
}));

SampleDataService.ts를 포기하지 않습니다

expect(data.length).toBe(12);에도 data.length 불구하고 :

Reference 이제 문제는 다음과 같습니다 .spec.ts

import { TestBed, async, ComponentFixture,inject } from '@angular/core/testing'; 
import { RouterTestingModule } from '@angular/router/testing'; 
import { AppComponent } from './app.component'; 
import { ReactiveFormsModule, FormsModule } from '@angular/forms'; 
import { SampleDataService } from './services/sample-data.service'; 
import { HttpClientModule,HttpClient } from '@angular/common/http'; 

describe('AppComponent',() => { 
    beforeEach(async(() => { 
    TestBed.configureTestingModule({ 
     imports: [ 
     RouterTestingModule, 
     HttpClientModule, 
     FormsModule, 
     ReactiveFormsModule 
     ], 
     declarations: [ 
     AppComponent 
     ], 
     providers:[SampleDataService] 
    }).compileComponents(); 
    })); 
    it('Should call HTTP!', inject([SampleDataService], (sampleDataService) => { 
    expect(100).toBe(12); 
    sampleDataService.getData().subscribe(
     (data) => { 
     console.log('ngOnInit', data.length); 
     expect(data.length).toBe(12); 
     }); 
    })); 
});

출처

2017-11-17 Sangwin Gawande