Question

部分代码仍然使用旧的成功处理程序，目前很难测试其中的行。

以下是我的示例功能：

function updateXYZExemption(partyId, payload) {

        if (!partyId) {
            throw new Error('partyId is required');
        }

        return $.ajax({
            dataType: 'json',
            contentType: 'application/json',
            type: 'PUT',
            data: JSON.stringify(payload),
            url: config.urls.updateXYZExemptionUrl.replace(/\{partyId\}/, partyId),
            headers: {
                'If-Match': eTag
            },
            success: function (data, textStatus, request) {
                if (request.getResponseHeader('ETag')) {
                    eTag = request.getResponseHeader('ETag');
                }
            }
        });
    }

我能够测试此函数返回一个promise，但是无法访问分配给success属性的函数。

Answer 1

将功能移动到自己的可测试单元：

var myFunction = function (data, textStatus, request) {
    if (request.getResponseHeader('ETag')) {
        eTag = request.getResponseHeader('ETag');
    }
};

然后，您可以独立调用该函数，为其提供模拟，并验证其内部逻辑是否按预期与这些模拟进行交互，并产生预期的结果/效果。

只需引用函数即可将其用作成功处理程序：

$.ajax({
    //...
    success: myFunction,
    //...
});

这有效地将被测试的逻辑（函数）与框架管道（对$.ajax()的调用）分开。框架管道本身对于单元测试具有较低的价值，因为此时您实际上只是在测试其他人的代码（框架）。

如何测试$ .ajax成功处理程序

1 个答案: