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

Question

我有一个 angular 控制器需要测试。该控制器调用服务以从服务器检索数据。服务 returns ES6 Promises。

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

在我的 Jasmine 测试中，我也模拟了 returns 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);
}));

然后我手动调用带有或不带参数的全局解析（或拒绝）来检查我的控制器。

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

问题是解析调用是异步的。所以我正在测试我的预期结果，而 then 函数正在运行.

我尝试 return 简单的自定义对象，而不是 returning Promise，它将 resolve 作为同步调用，但事实证明 Promises 有一些特定的规则，这些规则太麻烦而无法重新实现在模拟中（例如当你有 then.().catch().then 模式时）。

有没有一种方法可以在 Jasmine 中以一种简单且同步的方式测试这种东西？

Answer 1

您需要告诉 Jasmine 您的测试是异步的，它应该等待它完成才能确定它失败。为此，您可以在规范声明（it 调用）中添加一个 done 参数，并在期望结束时调用 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 - 模拟自动 returns 已解决的承诺。

我最近开始使用 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...);
      });
});

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

Synchronize with then/catch method of ES6 Promises in Jasmine

javascript

promise

jasmine

angularjs

es6-promise