javascript - 如何对 angularjs promise 进行单元测试

Question

我希望你对这样的 promise 进行单元测试:

 function getSongs() {
    var d = $q.defer();
    var URL = 'http://localhost:3002/songs';

    $http({
      method: 'GET',
      url: URL
    })
    .success(function(data) {
      d.resolve(data);
    })
    .error(function(data) {
      d.reject(data);
    });

    return d.promise;
  }

这将返回对象数组。然后我通过简单地调用 getSongs 函数在 Controller 中使用它:

var vm = this;

vm.songList = [];

vm.init = function () {
  PlayerScreenService.getSongs()
    .then(getSongsSuccess);
};

vm.init();

非常感谢。

Answer 1

看看$httpBackend .您的测试可能看起来像这样:

describe('PlayerScreenService', function () {

    it('should send HTTP request', inject(function (PlayerScreenService, $httpBackend) {
        $httpBackend.whenGET('http://localhost:3002/songs').respond(200, {...});

        var getSongsSuccess = jasmine.createSpy('getSongsSuccess');
        var getSongsError = jasmine.createSpy('getSongsError');
        PlayerScreenService.getSongs()
            .then(getSongsSuccess, getSongsError);

        $httpBackend.flush();
        expect(getSongsSuccess).toHaveBeenCalledWith({...});
        expect(getSongsError).not.toHaveBeenCalled();
    }));

});