Question

我一直在努力进行2天的单元测试，并且在异步测试方面我无法实现。我是单元测试的新手，我不明白为什么这不起作用。

我有一个文件login.js，它调用$ .getJSON（url，data，function）并返回一个状态为login（“success”或“fail”）的字符串。对$ .getJSON的调用使用mockjax来获取数据（它包装了一个ajax调用）。

使用jQuery click事件从测试网页调用时，登录功能正常。但现在我正在尝试使用Qunit和PhantomJS进行无头测试。

似乎问题是测试没有等待$ .getJSON调用来获取结果（即使使用超时）。有线索吗？这是代码。

login.js

var login = function(user, pass){
    $.getJSON("loginURL", {"user":user, "pass":pass}, function(response){
       if(response.status === "success"){
           //do something
           return "success";
       } 
       else{
           //do something else
           return "fail";
       } 
    });
};

test.js

test("Test login", function(){
    var user = "user1", pass = "pass1";
    var done = assert.async();
    var result = login(user, pass);
    setTimeout(function(){
    assert.equal(result, "success", "expect login succeded");
    done();
    },1000);
});

在测试结果中我得到：

预期：“成功”

结果：未定义

Answer 1

您的login函数应该是异步的，因为它的结果取决于服务器的响应。

所以让我们重写这个函数：

function login(user, pass, done) {
    $.getJSON(..., function (res) {
        done(res.status == 'success')
    })
}

然后你可以这样测试（假设是mocha）：

describe('...', function () {
    it('login()', function (done) {
        login('user', 'pw', function (isLoggedIn) {
            assert(isLoggedIn)
            done()
        })
    })
})

Answer 2

重写我的登录功能@ayanami建议代码顺利运行，它看起来像这样：

login.js

var login = function(form, cb){
   $.getJSON("loginURL", {"user":user, "pass":pass}, function(response){
        if(response.status === "success"){
            //do something
        }
        else{
            //do something else
        }
       cb(response.status);
    });
};

test.js（qunit）

test( "Testing login", function( assert ) {
    var done = assert.async();
    var cb = function(param){
                assert.equal(param,"success", "Expect getJSON/login to success");
                done();
            };
    login(user, pass,cb);
});

如何单元测试调用getJSON的javascript函数

2 个答案: