javascript - Sweetalert2 和 Qunit.js

Question

有人可以指导我如何在 QUnit 中测试以下代码吗？

function ChooseBranch()
{
var BranchPromise = getBranches();
BranchPromise.then(function (BranchData) {
    var BranchOptions = [];
    $.each(BranchData, function (i, d) {
        BranchOptions.push(d.BranchDescription)
    });

    swal({
        title: 'Delivery Branch',
        text: 'Please choose the branch below where the customer would like the order delivered',
        showCancelButton: false,
        input: 'select',
        inputOptions: BranchOptions
    }).then(function (result) {
        DeliveryType = "Other";
        DeliverToBranch = BranchData[result].BranchCode;
        ItemOrder();
    });
});

}

我尝试让 sweetalert2 对话框选择第一个选项，但直到测试失败后它才出现在 dom 中？我基本上想测试一下 swal 是否可见。

Answer 1

看起来您正在寻找 QUnit 的异步 api:https://api.qunitjs.com/assert/async

ChooseBranch 似乎是异步的。如果您希望能够测试该函数，则需要为该异步调用提供某种 Hook 。在此示例中，这相当简单，只需从 ChooseBranch 函数返回 BranchPromise 即可。

完成此操作后，您应该能够编写如下 qunit 测试:

Qunit.test('ChooseBranch', function(assert) {
    var done = assert.async();
    var promise = ChooseBranch();
    promise.then(function() {
        // Test that the sweetalert2 dialog was displayed
        done();
    });
});