【JavaScript UT测试--02】--js单元测试(UT) 测试异步函数

最新推荐文章于 2025-06-18 12:31:54 发布

木瓜~

最新推荐文章于 2025-06-18 12:31:54 发布

阅读量937

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JavaScript 单元测试 JS UT

本文链接：https://blog.youkuaiyun.com/corner2030/article/details/79220876

JS UT 同时被 2 个专栏收录

3 篇文章

订阅专栏

JavaScript 单元测试

2 篇文章

订阅专栏

本文探讨了如何针对JavaScript中包含异步操作的函数编写有效的单元测试，特别是针对使用.then, .tap 和 .catch 的路径进行测试。文章通过具体案例说明了如何正确地模拟异步行为并验证其执行流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JS里面异步非常普遍，后端开发就免不了对异步函数进行单元测试（UT）了。

那么怎么测试then, tap，catch后面的路径呢？看例子

案例分析

代码

有如下方法updateStateExceptAxc需要写单元测试，存放在文件名为radioStateHelper.js里。

// radioStateHelper.js
function updateStateExceptAxc(antennaLineUri) {
    // 代码...
    return module.exports.updateState(affectedUrisExceptAxc)
        .tap(function() {
            logger.debug("change state of resource %s successful", JSON.stringify(affectedUrisExceptAxc));
        }).catch(function(err) {
            logger.error("change state of resource %s failed, fail reason %s", JSON.stringify(affectedUrisExceptAxc), err.message);
        });
}

function updateState(resourceUris) {
    return Promise.try(function() {
        resourceUris.forEach(function(resourceUri) {
            var availabilityStatus = module.exports.getWorstStatus(resourceUri);
            var status = {
                availabilityStatus: availabilityStatus,
                operationalState: (availabilityStatus === availabilityStatus.FAILED ||
                    availabilityStatus === availabilityStatus.OFFLINE) ? operationalState.DISABLED : operationalState.ENABLED
            };
            mzframe.updateResourceByUri(resourceUri, status);
        });
    });
}

// only for UT testing
module.exports.updateStateExceptAxc = updateStateExceptAxc;
module.exports.updateState = updateState;

单元测试文件，对updateStateExceptAxc（）方法进行测试。

it.only("updateStateExceptAxc(): should call updateState method once", function(done) {
    inq.mock(radioStateHelper, "updateState"); // 注意这里，有问题需要改进
    inq.expect(radioStateHelper.updateState).once; 
    radioStateHelper.updateStateExceptAxc(antennaLineUri).then(done);
});

测试结果

不能够找到undefined的tap
tap_ERROR

分析

期望结果
首先测试里，我们mock了一个updateState方法，并且期望当调用radioStateHelper.updateStateExceptAxc(antennaLineUri)时候，这个mock的方法被执行一次【（).once】。

实际情况
抛出了异常（TypeError: Cannot read property ‘tap’ of undefined）。

原因分析
其实，mock的updateState方法是被执行了一次，只是这里的错误是由于module.exports.updateState(affectedUrisExceptAxc).tap(function()的tap引起的，这里期望module.exports.updateState(affectedUrisExceptAxc)返回的是一个异步内容，能够thenable的。所以需要在mock的时候，返回一个thenable内容。

改进措施

// 代码更改
inq.mock(radioStateHelper, "updateState"); // 注意这里，有问题需要改进

// ==> 更改 ==>
// 如果测试tap路径
inq.mock(radioStateHelper, "updateState").returns(Promise.resolve());

// 如果测试catch路径
inq.mock(radioStateHelper, "updateState").returns(Promise.reject(new Error（“failedNow”));