帶有 jasmine karma 的 Angular 單元測試錯誤（finalSprintsList.map 不是函數）

Question

我正在嘗試為我的組件方法編寫單元測試，即populateSprintDropDown 。 這是我的組件代碼

setResponseForButton() {
 let sortedList = this.teamboardService.sortSprintsBasedOnEndDate();
 this.populateSprintDropDown(sortedList);
}

//finalSprintList that is returned by service is = [{id: "3712", name: "DCT 3.128.1 Sp1 (11Dec-24Dec)", 
status: "ACTIVE", sprintLink: null, startDate: "2019-12-11"}]


populateSprintDropDown(finalSprintList: Array<any>) {
  this.sprintsList = (<Array<Sprint>>finalSprintList).map(sprint => ({ item_id: sprint.id, item_text: sprint.name }));
} 

測試：

  it('populate sprint in sprint dropdown upon button click', () => {
    let list = [{item_id: "3712", item_text: "DCT 3.128.1 Sp1 (11Dec-24Dec)"}]
    component.sprintsList  = list;
    const spy = spyOn(component, 'populateSprintDropDown').and.callThrough();
    component.setResponseForButton(); 
    expect(spy).toBeDefined();
    expect(spy).toHaveBeenCalled();
  });

但是當我運行我的測試時，我收到了這個錯誤：

類型錯誤：finalSprintsList.map 不是函數。 我無法理解這是什么意思以及如何解決它。

Answer 1

您應該模擬teamboardService.sortSprintsBasedOnEndDate方法。

請注意，方法component.populateSprintDropDown不需要間諜，因為您可以檢查由此方法更新的值component.sprintsList 。

嘗試按如下方式重寫您的測試：

it('dropdown upon button click should update sprintsList', () => {

    // given
    const sortedList = [{
                          id: "3712",
                          name: "DCT 3.128.1 Sp1 (11Dec-24Dec)",
                          status: "ACTIVE",
                          sprintLink: null,
                          startDate: "2019-12-11"
                       }];
    spyOn(component.teamboardService, 'sortSprintsBasedOnEndDate').and.returnValue(sortedList);

    // when
    component.setResponseForButton(); 

    // then
    const expected = [{item_id: "3712", item_text: "DCT 3.128.1 Sp1 (11Dec-24Dec)"}];
    expect(component.sprintsList).toEqual(expected );
});