javascript - 与Jasmine中ES6 Promises的then/catch方法同步

Question

我有一个 Angular Controller 需要测试。该 Controller 调用服务来从服务器检索数据。该服务返回 ES6 Promise。

function MyController($scope, MyService) {
  $scope.doSomething = function () {
    MyService.foo().then() {
      whatever...;
    };
  };
};

在我的 Jasmine 测试中，我模拟了也返回 Promises 的服务:

var resolve;
var reject;
createPromise = function () {
 return new Promise(function (_resolve, _reject) {
    resolve = _resolve;
    reject = _reject;
  });
};

var myServiceMock = {
  doSomething: jasmine.createSpy('doSomething').and.callFake(createPromise)    
};

beforeEach(module('someApp', function ($provide) {
  $provide.value('MyService', myServiceMock);
}));

我手动调用全局解析(或拒绝)，带或不带参数来检查我的 Controller 。

it('shall call the service', function () {
  $scope = $rootScope.$new();
  controller = $controller('MyService', { $scope: $scope });
  controller.doSomething();
  myService.resolve();
  expect(whatever...);
});

问题在于解析调用是异步的。因此，我在运行 then 函数时测试我的预期结果。

我没有返回 Promises，而是尝试返回简单的自定义对象，该对象会将解析作为同步调用，但事实证明 Promises 有一些特定的规则，这些规则在模拟中重新实现会太麻烦(就像当你有那么的时候一样。( ).catch().then 模式为例)。

有没有办法在 Jasmine 中以简单且同步的方式测试这种事情？

Answer 1

您需要告诉 Jasmine 您的测试是异步的，它应该等待测试完成后再决定失败。您可以通过将 done 参数添加到规范声明(it 调用)中来实现此目的，并在期望结束时调用 done:

it('shall call the service', function (done) {
  $scope = $rootScope.$new();
  controller = $controller('MyService', { $scope: $scope });
  var promise = 
    controller.doSomething()
      .then(function() {
         expect(whatever...);
         done();
      });

  myService.resolve();
});

让模拟自动解析的一种更简单的方法是使用 Promise.resolve 方法:

doSomething: jasmine.createSpy('doSomething').and.returnValue(Promise.resolve())

然后，您不需要调用 myService.resolve - 模拟会自动返回已解决的 promise 。

我最近开始使用 jasmine-promises模块使编写 Promise 调用变得更加容易 - 并确保如果 Promise 拒绝，则报告错误和调用堆栈，以便于调试。使用jasmine-promises，这将变成:

it('shall call the service', function () {
  $scope = $rootScope.$new();
  controller = $controller('MyService', { $scope: $scope });

  return controller.doSomething()
      .then(function() {
         expect(whatever...);
      });
});