javascript - AngularJS 测试 - 使用 $http 和 then() 测试 AngularUI 的提前输入

Question

我在测试我与 typeahead.js ( https://github.com/angular-ui/bootstrap/blob/master/src/typeahead/typeahead.js ) 一起使用的函数时遇到问题。我通常知道如何解决测试中的 promise ，但不知道如何使用以下功能:

$scope.getSuggestion = function ( name, length ) {
  return $http.get( 'api/autocomplete/?contains=' + name )
    .then( function ( response ) {
      return response.data.slice( 0, length || 7 );
    });
};

我的测试是这样的:

describe('Suggestions', function () {
  it('should be possible to get suggestions', function () {
    $httpBackend.expectGET('api/autocomplete?title__contains=Foo').respond([
      { name: 'Foobar' },
      { name: 'Foobala' },
      { name: 'Foolooloo' }
    ]);
    var suggestions = $scope.getSuggestion( 'Foo' );
    $rootScope.$apply();

    // Here should be a test.
    console.log(suggestions);
  })
});

但是suggestion只是promise对象Object{then: function (callback, errback) { ... }}。

我哪里搞砸了!？

Answer 1

suggestions 是一个 promise，它不是一个实际值，你需要调用 then() 来获取它的值.也就是

suggestions.then(function(data) {
    // Here should be a test.
    console.log(data);
});

更新:

试试这个:

describe('Suggestions', function () {
  it('should be possible to get suggestions', function () {
    $httpBackend.expectGET('api/autocomplete?title__contains=Foo').respond([
      { name: 'Foobar' },
      { name: 'Foobala' },
      { name: 'Foolooloo' }
    ]);

    var suggestions;

    $scope.getSuggestion( 'Foo' ).then(function(data) {
        suggestions = data;
    });

    $httpBackend.flush();
    $rootScope.$apply(); // might be optional

    // Here should be a test.
    console.log(suggestions);
  })
});