Sinon在AJAX呼叫上超时

Question

Using Mocha Chai and Sinon, I have a test to get back a specific record from a revealing module pattern. The test fails with a timeout. How should I test a method to assign variables from a AJAX request?

Test.js

(function () {
  'use strict';

  describe('Employee Module', function() {
    var server,
        employeeJSON = {
          "employeeTemplate" : [
            {
              "userId": 1
            }
          ]
        };

    before(function () {
      server = sinon.fakeServer.create();
      server.respondWith(
        "GET",
        "/employees.json",
        [200, { "Content-Type": "application/json" }, JSON.stringify(employeeJSON)]
      );
    });

    after(function () {
      server.restore();
    });

    it('should get Employee by ID', function(done) {

      var employee = new Employee(),
          employeeData;

      employee.getData(1).done( function (data) {
        employeeData = data.employeeTemplate[0];
        assert.equal(employeeData.userId, 1, 'Employee ID equals 1');
        done();
      });
    });
  });
})();

Employee.js

var Employee = function() {

  var EmployeeInfo = {};

  var loadUserinfo = function(userid) {
    return $.ajax({
      type: 'GET',
      data:{userid: userid},
      url: '/employees.json',
      dataType: 'json',
      async: true,
      success: function(data) {
        return data;
      }
    });
  };

  var getData = function (userid) {
    return loadUserinfo(userid).done();
  };

  return {
    getData: getData
  };

};

Answer 1

You need to tell FakeServer when to respond. See the FakeServer API docs for reference.

For example:

it('should get Employee by ID', function(done) {

  var employee = new Employee(),
      employeeData;

  employee.getData(1).done( function (data) {
    employeeData = data.employeeTemplate[0];
    assert.equal(employeeData.userId, 1, 'Employee ID equals 1');
    done();
  });

  server.respond(); // Please respond mr. sinon so my test may continue
});