Angular2 whenStable() 不与可观察一起工作

Question

我正在从一个 Angular2 组件的 ngOnInit 方法中运行一个 http 调用（使用 obervable）：

ngOnInit() {
     this.descriptorService.generateDescriptors(new Server());
     this.fetchData();
}
fetchData () {
  console.log('Starting Http call');
  this.dataService.listAll(Server).subscribe(
     servers=>{console.log('Http Call done');this.listServers=servers},
     error=>console.log(error)
  );
}

使用以下 dataService.listAll（）：

listAll(zeClass:typeof Model): Observable<T[]> {
  console.log('Http call begin');
  return this.http.get(this.calculateUrl(zeClass))
    .map(this.extractData)
    .map((jsonArray)=>{
       let data:Array<ModelInterface>=new Array<ModelInterface>();
       if (isArray (jsonArray)) {
             console.log('Http call in');
         ...
       return data;
     })
    .catch(this.handleError);
 }

当我为此组件运行以下单元测试时（http 是用 InMemoryWebApiModule 模拟的）：

it('should display the list of servers', async(() => {
  fixture.detectChanges();
  console.log('Before whenStable():'+fixture.isStable());
  fixture.whenStable().then(()=>{
    console.log('In whenStable()');
    fixture.detectChanges();
    let de:Array<DebugElement> = fixture.debugElement.queryAll(By.css('md-list-item'));
    expect(de.length).toBeGreaterThan(1);
  });
console.log('After whenStable():'+fixture.isStable());
}));

然后我在控制台中得到以下日志：

 LOG: 'Starting Http call'
 LOG: 'Http call begin'
 LOG: 'Before whenStable():false'
 LOG: 'After whenStable():false'

当 Stable（） 根本没有运行时，你可以看到里面的测试代码......为什么？

Answer 1

感谢@jonrsharpe为我指出正确的方向。实际上，我不得不使用茉莉花和间谍。

有关信息，以下是工作测试代码：

 beforeEach(inject([GenericDataService], (dataService) => {
   spy = spyOn(dataService,'listAll').and.callThrough();
   ...
 }

和

it('should display the list of servers', done => {
  fixture.detectChanges();
  spy.calls.mostRecent().returnValue.subscribe (() => {
    console.log('In spy()');
    fixture.detectChanges();
    let de:Array<DebugElement> = fixture.debugElement.queryAll(By.css('md-list-item'));
    expect(de.length).toBeGreaterThan(1);
    done();
    });
});