主页 / coding / 问题 / 79597732
Accepted
Arnab Mukherjee
Asked: 2025-04-29 14:31:16 +0800 CST

在 HttpTestingController 中添加延迟 - Angular 单元测试

  • 772

尝试验证数据库查询的超时，但无法通过 HttpTestingController 实现。

不确定如何设计 UT。在这个设置中，应该在哪里添加超时。

    it('test timeout', () => {

        service.getData('2025-10-12', '2025-10-16').subscribe(
            {
                next: data => {
                    expect(data).not.toBeNull();
                },
                error: error => {
                    expect(error).toBeNull(); // handling all missing keys
                }
            }
        );

        // mocking endpoint - binding
        const response = httpController.expectOne({
            method: 'GET',
            url: RestServerSA.RELEASES_OVERVIEW_RANGE
        });

        // mocking response from endpoint
        response.flush({});
    });
angular

1 个回答

  1. Best Answer

    您可以使用 来引入延迟promises。我们setTimeout在承诺中使用 来resolve在一定时期后进行延迟。

    function delay(ms) {
  return new Promise(resolve => setTimeout(resolve, ms));
}

    使用方法如下：

    it('test timeout', async () => {
    service.getData('2025-10-12', '2025-10-16').subscribe(
        {
            next: data => {
                expect(data).not.toBeNull();
            },
            error: error => {
                expect(error).toBeNull(); // handling all missing keys
            }
        }
    );
    // mocking endpoint - binding
    const response = httpController.expectOne({
        method: 'GET',
        url: RestServerSA.RELEASES_OVERVIEW_RANGE
    });
    await delay(5000); // delay for 5 seconds
    // or
    // await new Promise(resolve => setTimeout(resolve, 5000));
    // mocking response from endpoint
    response.flush({});
});

    fakeAsync您也可以尝试和的组合tick，但我不赞成这样做，因为它已经与类似flush。

    it('test timeout', fakeAsync(() => {
    service.getData('2025-10-12', '2025-10-16').subscribe(
        {
            next: data => {
                expect(data).not.toBeNull();
            },
            error: error => {
                expect(error).toBeNull(); // handling all missing keys
            }
        }
    );
    // mocking endpoint - binding
    const response = httpController.expectOne({
        method: 'GET',
        url: RestServerSA.RELEASES_OVERVIEW_RANGE
    });
    tick(5000); // delay for 5 seconds
    // mocking response from endpoint
    response.flush({});
}));
    • 1

相关问题