Question

我有两个问题：

你能在qunit中进行参数化单元测试吗？

你如何使用qunit进行模拟，例如嘲笑getJSON电话？

由于

Answer 1

对于模拟ajax请求，你可以试试这样的......

以下是您要测试的功能：

    var functionToTest = function () {
        $.ajax({
            url: 'someUrl',
            type: 'POST',
            dataType: 'json',
            data: 'foo=1&foo=2&foo=3',
            success: function (data) {
                $('#main').html(data.someProp);
            }
        });
    };

以下是测试用例：

    test('ajax mock test', function () {
        var options = null;
        jQuery.ajax = function (param) {
            options = param;
        };
        functionToTest();
        options.success({
            someProp: 'bar'
        });
        same(options.data, 'foo=1&foo=2&foo=3');
        same($('#main').html(), 'bar');
    });

它基本上覆盖了jQuery的ajax函数，然后检查以下两件事： - 传递给ajax函数的值 - 调用成功回调并断言它完成了它应该做的事情

Answer 2

您可以使用.appendTo开发的jQuery Mockjax插件，而不是覆盖jQuery的AJAX函数。这个插件基本上做了另一个答案所暗示的，但它允许更复杂的模拟。例如，如果您具有以下功能：

$.ajax({
    url:"/api/user",
    type:"GET",
    dataType:"json",
    data:'{"uid":"foobar"}',
    success:function(data){
        console.log("Success!");
    },
    error:function(data){
        console.log("Error!");
    }
});

你可以通过简单地调用函数mockjax来模拟它，它会自动包含在jQuery中：

$.mockjax({
    url:"/api/user",
    type:"GET",
    response:function(requestData){
         //handle the mock response in here
         this.responseText = '{"fullname":"Mr. Foo Bar"}';
    }
});

第二个模拟函数可以包含在外部JavaScript文件中，例如＆＃34; mocks.js，＆＃34;而唯一需要做的就是包括mockjax库（可以在https://github.com/appendto/jquery-mockjax/找到）。唯一要记住的是，这只会模拟jQuery ajax调用，而不是所有XMLHttpRequests。如果你想这样做，请按照@ bertvh的建议使用Sinon.js。

Answer 3

我刚开始使用Sinon.JS，它允许模拟XMLHttpRequests并提供一个简单的假服务器API。真的好用！它还提供与qunit的集成。

Answer 4

我的addon实现允许参数化qunit测试： https://github.com/AStepaniuk/qunit-parameterize

Answer 5

请参阅此链接以模拟setup / teardown方法中的getJSON调用， http://www.ajaxprojects.com/ajax/tutorialdetails.php?itemid=505

Qunit参数化测试和模拟

5 个答案: