https://www.digitalocean.com/community/tutorials/angular-testing-async-fakeasync

The async utility tells Angular to run the code in a dedicated test zone that intercepts promises.

async可以讓Angular在一個專屬的test zone里執(zhí)行代碼，該zone可以截獲promises.

whenStable: allows us to wait until all promises have been resolved to run our expectations.

當(dāng)所有的promises都resolved之后，whenStable觸發(fā)，能夠進(jìn)行expectation的evaluation了。

看個例子：

import { Component } from '@angular/core';@Component({selector: 'app-root',template: `<h1<{{ title }}</h1>set title` }) export class AppComponent {title: string;setTitle() {new Promise(resolve => {resolve('One crazy app!');}).then((val: string) => {this.title = val;});} }

When the button is clicked, the title property is set using a promise.

如何測試：

// ...our imports heredescribe('AppComponent', () => {let fixture: ComponentFixture<AppComponent>;let debugElement: DebugElement;beforeEach(async(() => {TestBed.configureTestingModule({declarations: [AppComponent],providers: [IncrementDecrementService]}).compileComponents();fixture = TestBed.createComponent(AppComponent);debugElement = fixture.debugElement;}));it('should display title', async(() => {debugElement.query(By.css('.set-title')).triggerEventHandler('click', null);fixture.whenStable().then(() => {fixture.detectChanges();const value = debugElement.query(By.css('h1')).nativeElement.innerText;expect(value).toEqual('One crazy app!');});})); });

總結(jié)

以上是生活随笔為你收集整理的使用Async对Angular异步代码进行单元测试的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。