Как модулировать функцию javascript, которая вызывает getJSON

Question

Я борется с модульным тестом на 2 дня, и я не могу добиться такого результата в асинхронном тесте. Я новичок в модульном тестировании, и я не понимаю, почему это не работает.

У меня есть файл login.js, который вызывает $ .getJSON (url, data, function) и возвращает строку со статусом входа («успех» или «сбой»). В вызове $ .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') 
    }) 
} 

Затем вы можете проверить, как этот (предполагается, что мокко):

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); 
});