angular – Protractor一直在等待已完成的HTTP请求

我有一个RESTful API,现在我正在开发一个angular2应用程序,它使用数据服务来调用API.然后我想用量角器实现端到端测试.我想从非常低的水平开始,所以我进行了测试,以便在点击链接时检查我的组件是否存在.测试看起来像这样：

describe('my-webclient',() => {
    it('app should load',() => {
        browser.get('/');
        expect(element(by.css('my-app')).isPresent()).toBe(true);
    });

    it('app should have a top navigation',() => {
        expect(element(by.css('my-nav-top')).isPresent()).toBe(true);
    });

    it('app should have a side navigation',() => {
        expect(element(by.css('my-nav-side')).isPresent()).toBe(true);
    });

    it('app should have a content',() => {
        expect(element(by.css('my-content')).isPresent()).toBe(true);
    });

    it('app should load the overview for route "/"',() => {
        expect(element(by.css('my-overview')).isPresent()).toBe(true);
    });
});

问题是,概述组件使用某些数据服务在ngOnInit函数中发出HTTP请求.然后,量角器将永远阻止,尽管HTTP请求早已完成.

当我监控测试时,我可以看到应用程序的加载方式,包括从我的API获取的所有数据.然后什么也没发生,量角器最终会崩溃,说达到了超时.

确切的错误消息是：

Failed: Timed out waiting for Protractor to synchronize with the page after 11 seconds. Please see https://github.com/angular/protractor/blob/master/docs/faq.md                                                                                                                                                            
While waiting for element with locator - Locator: By(css selector,my-app)

在谷歌搜索帮助时,我偶然发现了一些提示,即量角器将等待角度来完成所有事情.嗯,这正是我想要的.当我在chrome的开发人员工具(F12)中监控网络选项卡时,应用程序加载后不会出现任何内容.因此,没有更多的待处理请求或量角器等待的任何内容.它确实如此,我只是不知道为什么.

所以,这是我的问题：在处理发出HTTP请求的数据服务时,我是否必须考虑一些特殊问题？或者：我可以做些什么来调试为什么量角器仍在等待超时命中.

顺便说一句,它绝对是数据服务.如果我在OverviewComponent :: ngOnInit中注释掉所有内容,那么测试将按照我期望的方式正常传递.

this.ngZone.runOutsideAngular(() => {
  this._sub = Observable.timer(2000)
    .subscribe(() => this.ngZone.run(() => {this.content = "Loaded!"}));
})