时间戳

首页 > 解决方案 > 如何在角度单元测试中发送请求之前验证正文

angular - 如何在角度单元测试中发送请求之前验证正文

问题描述

我在进行单元测试时遇到了一些麻烦，我阅读了很多文章，但没有一篇对我有帮助，似乎很难进行简单的测试。

我需要测试这个函数，它返回一个Observable，我实际上只需要验证是否myBody正确构建，我不想制作一个实际的HttpRequest.

public myCoolFunction(params) {
    const myBody= new buildMyBodyModel();
    this.buildMyBody(params, myBody); // private function, will set the values for me
    return this.sendService.send(myBody); // make a htppPostRequest and returns to me a Observeble
}

private buildMyBody(params, myBody){
    myBody.name = params.name;
    myBody.color = params.customColor;
    myBody.count = params.number + 1;
}

预期myBody：

{
    name = 'Jack';
    color = 'Orange';
    count = 4;
}

标签： angularunit-testinghttp-postkarma-jasminetestbed

解决方案

希望这是您正在寻找的：-

it('send method should be called with expected param', () => {
    const sendService = TestBed.get(SendService);
    const params = { name: 'Jack', customColor: 'Orange', number: 3 };
    spyOn(sendService, 'send');
    component.myCoolFunction(params);
    expect(sendService.send).toHaveBeenCalledWith({ name: 'Jack', color: 'Orange', count: 4 });
});

如果您只需要测试您的 myBody 是否正确构建，请尝试以下操作：-

it('buildMyBody should change myBody according to params', () => {
    const myBody= new buildMyBodyModel();
    const params = { name: 'Jack', customColor: 'Orange', number: 3 };
    (component as any).buildMyBody(params, myBody);
    expect(myBody).toEqual({ name: 'Jack', color: 'Orange', count: 4 });
});

推荐阅读