让Jasmine等待异步函数完成

Question

我试图为从服务调用异步函数的函数编写测试，但我一辈子都不知道如何让Jasmine在执行expect函数之前等待异步操作完成。

  describe('vm.submitLogin', function () {
    var $scope;
    var $q;
    var deferred;
    var $controller;

    beforeEach(module('myModule'));

    beforeEach(inject(function (_$controller_, _$rootScope_, _$q_, LoginService, $httpBackend) {
      $q = _$q_;
      $scope = _$rootScope_.$new();
      $controller = _$controller_;
      deferred = _$q_.defer();

      spyOn(LoginService, 'login').and.callFake(function () {
        return $.Deferred().resolve({success: true, twoFactorRequired: false});
      });

      $httpBackend.expectGET("/data/I/need/to/mock").respond({"uri": "http://localhost:8081/data/I/need/to/mock.json"});

      var vm = $controller('LoginCtrl', { $scope: $scope});

      vm.submitLogin();

      $scope.$apply();
    }));

    it('should work, please work...', inject (function ($httpBackend, LoginService) {

      expect(something);

    }));
  });

我试图使用Jasmine的“完成”功能，但我不知道如何实现它。

在本例中，只要

$scope.$apply();

调用时，它立即跳转到expect并失败，因为异步操作尚未完成。

Answer 1

尝试在$scope.$apply（）之前使用$httpBackend.flush（），如文档中所述：

生产中使用的$httpBackend始终异步响应请求。如果我们在单元测试中保留这种行为，我们就必须创建异步单元测试，这很难编写、遵循和维护。但测试模拟也不能同步响应；这将改变测试代码的执行。因此，mock$httpBackend有一个flush（）方法，该方法允许测试显式地刷新挂起的请求。这将保留后端的异步api，同时允许同步执行测试。