Jasmine：测试包含异步调用的无效函数

Question

我想知道哪种方法是测试不返回任何函数（只更改一个字段值）并包含异步调用的最佳方法。

这是我要测试的AngularJS控制器，我调用的服务返回一个promise（总是返回{name："John"}）：

app.controller('MyCtrl', function($scope, AsyncService) {

  $scope.greeting = "";
  $scope.error = 

  $scope.sayHello = function() {

    AsyncService.getName().then(
        function(data){
            $scope.saludo = "Hello " + data.name;
        },
        function(data){
              $scope.error = data;
        }
    );

  };

});

如果sayHello函数不包含异步调用，这将是规范，但它总是失败，因为scope.greeting总是空的。

describe('Test My Controller', function() {

  var scope, $httpBackend;

  // Load the module with MainController
  //mock Application to allow us to inject our own dependencies
  beforeEach(angular.mock.module('app'));

  //mock the controller for the same reason and include $rootScope and $controller
  beforeEach(angular.mock.inject(function($rootScope, $controller,_$httpBackend_){

      //Mock the service to always return "John" 
      $httpBackend = _$httpBackend_;
      $httpBackend.when('POST', 'http://localhost:8080/greeting').respond({name: "John"});

      //create an empty scope
      scope = $rootScope.$new();
      //declare the controller and inject our empty scope
      $controller('MyCtrl', {$scope: scope});
  }));

  it('$scope.greeting should get filled after sayHello', function() {
    expect(scope.greeting).toEqual("");
    scope.sayHello();
    expect(scope.greeting).toEqual("Hello John");
  });*/

});

我将如何使用此规范来处理异步调用？我真的不明白如何以及在哪里使用Jasmine 2.0的“完成”标志。

Answer 1

在模拟您的服务时，使用$q.defer（）从getName函数返回promise。然后，在创建控制器时，将模拟数据传递到依赖项中：

beforeEach(inject(function($controller, _$rootScope_, $q) {
    $rootScope = _$rootScope_;
    deferred = $q.defer();

    asyncService = {
        getName: function () {
        }
    };

    spyOn(asyncService, 'getName').and.returnValue(deferred.promise);

    $scope = $rootScope.$new(); 

    createController = function() {
        return $controller('MyCtrl', { $scope: $scope, AsyncService: asyncService } );
    };
}));

然后在调用$scope.hello（）调用deferred.resolve（data）l之后，其中data是您希望从promise中的服务返回的数据。然后调用$rootScope.$digest（）

it('$scope.saludo should get filled after sayHello', function() {
    //Arrange
    var controller = createController();
    var data = {
      name: 'John'
    };

    //Act
    $scope.sayHello();
    deferred.resolve(data);
    $rootScope.$digest();

    //Assert
    expect($scope.saludo).toEqual('Hello ' + data.name);
});

普朗克尔