使用Jasmine和Karma进行角度测试



我正在努力提高Angular应用程序的代码覆盖率。在代码覆盖率中,提到了if-else条件不被覆盖。有人能告诉我怎么做吗?请随时询问更多代码详细信息。

public searchByText(textVal: any): void {
let matchedEquipments = [];
// **
if (this.model.searchText.length > 1) {
matchedEquipments = this.refineByText(textVal, this.equipments);
} else {
matchedEquipments = this.equipments;
}
// **
matchedEquipments = this.refineByPlant(this.model.plants, matchedEquipments);
matchedEquipments = this.refineByPlantIsland(this.model.plantIslands, matchedEquipments);
matchedEquipments = this.refineByProcess(this.model.processes, matchedEquipments);
matchedEquipments = this.refineByIndustry(this.model.divisions, matchedEquipments);
this.displayClientData(matchedEquipments);
this.updateSearchCounters(SelectionFilter.FreeText);
}

规格:

it('verify the result with search', async(() => {
equipmentSelectionComponent.searchByText("123");
//equipmentSelectionComponent.model.searchText = "123";
expect(equipmentSelectionComponent.matchedData.length).toBeGreaterThan(0);
}));

您需要编写不止一个it块来测试这一点:

it('should call "refineByText" when search Text is there', async(() => {
spyOn(equipmentSelectionComponent,'refineByText').and.callThrough();
equipmentSelectionComponent.model.searchText = "some Val";
equipmentSelectionComponent.equipments = ["item1"]
equipmentSelectionComponent.searchByText("123");
expect(equipmentSelectionComponent.refineByText).toHaveBeenCalledWith("123",["item1"]); // <-- this will check true condition
// I dont see "matchedData" in your provided code so I dont know about this check.
expect(equipmentSelectionComponent.matchedData.length).toBeGreaterThan(0);
// spy and check other function calls as well just like I did for refineByText
}));
it('should not call "refineByText" when search Text is empty', async(() => {
spyOn(equipmentSelectionComponent,'refineByText').and.callThrough();
equipmentSelectionComponent.model.searchText = "";
equipmentSelectionComponent.searchByText("123");
expect(equipmentSelectionComponent.refineByText).not.toHaveBeenCalled(); // <-- this will check true condition
// similarly use use "toHaveBeenCalledWith(val) for other functions
}));

我建议你阅读间谍测试,以及一些更基本的角度测试方法。这将帮助您更加熟悉单元测试的心态。也可以随意鼓掌!!:(

下面的测试用例应该能够包括测试用例的覆盖范围

  1. if condition:当searchText具有值时,应通过修改设备来分配给matchedEquipments

    预期:

    refineByText toHaveBeenCalledWith(textVal, this.equipments)
    
  2. else条件:当searchText没有值时,应将设备分配给matchedEquipments

    预期:

    refineByText not.toHaveBeenCalledWith(textVal, this.equipments)
    

相关内容

  • 没有找到相关文章

最新更新