測試返回Promise的Angular 2服務

Question

我想單元測試應該使用由Angular的內存數據服務提供的假http後端的服務。這是相關代碼：

describe('getCars() method ',() => { 
     it('should return a resolved Promise', inject([DataService], (service: DataService) => { 
     service.getCars().then((value) => { 
      expect(value.length).toBe(3); 
     }); 
    })); 
    }); 

問題是我不能用茉莉花做回調對待，因爲函數是如何工作注入異步service.getCars（）調用，。我不能使用async測試助手，因爲它不能與promise一起使用。所以我不知道如何等待承諾解決---測試運行沒有達到期望。

Answer 1

使用async，它會將其包裝到一個區域中，在測試完成之前等待所有異步任務完成。

import { async } from '@angular/core/testing'; 

            // !!!!!!! 
it('should return a resolved Promise', async(inject([DataService], (service: DataService)=>{ 
    service.getCars().then((value) => { 
    expect(value.length).toBe(3); 
    }); 
}))); 

另外一種選擇是根本不使用inject。您可以從TestBed獲得服務。這是很多清潔工

let service: DataService; 

beforeEach(() => { 
    const injector = TestBed.configureTestingModule({}); 
    service = injector.get(DataService); 
}); 

不需要inject，它是一個很少詳細。您現在可以使用done。或者如果你願意，仍然以角度的方式去做，並使用async。

參見：

• Docs testing section on async