在 jasmine 测试中覆盖 ajax 调用

Question

我正在尝试为具有 Ajax 调用的 javascript 文件编写 jasmine 单元测试。不知道如何通过茉莉花测试覆盖“成功”功能下的部分。

代码sn-p如下

function getGroups(){
 var defer = _$q.defer();
  $.ajax( {
      url: 'xyz',
      data: 'abc',
      async: false,
      type: 'POST',
      dataType: 'xml',
      success: function( xml ) {
          var groups = [];
          groups = xml.getElementsByTagName( 'requiredGroup' );
          defer.resolve( groups );
      }
  } );
  return defer.promise;
}

我尝试了以下解决方案，但这不包括成功函数下的代码：

 describe("getGroups() does ajax call", function() {
    beforeEach(function() {
      spyOn($, 'ajax');
    });

   it("call on success", function() {
   getGroups();
   expect($.ajax).toHaveBeenCalled();
});

});

Answer 1

您到底想测试什么？ ajax 调用或成功回调。确保有人测试过它的行为符合预期。

如果您想测试成功回调，您可能希望将其提取到某个变量中，然后进行测试：

function getGroups(){
 var defer = _$q.defer();
  $.ajax( {
      url: 'xyz',
      data: 'abc',
      async: false,
      type: 'POST',
      dataType: 'xml',
      success: function(xml) {
          onSuccess(xml, defer);
      }
  } );

  return defer.promise;
}

const onSuccess = function( xml, defer) {
       var groups = [];
       groups = xml.getElementsByTagName( 'requiredGroup' );
       defer.resolve( groups );
}