$mdDialog 的单元测试 onComplete 回调

Question

我有一个包含以下方法的 Angular 服务：

function showDialog() {
    $mdDialog.show({
        controller: 'SampleCtrl',
        controllerAs: 'vm',
        bindToController: true,
        templateUrl: 'template.html',
        onComplete: function () {
            service.doSomething();
        }
    });
}

如何测试 $mdDialog 的 onComplete 回调？我已经设法测试 $mdDialog.show 是否被调用，但我无法让测试回调工作。

Answer 1

$mdDialog.show() 在单元测试期间不会自行解决。要模拟该行为，您需要覆盖测试中的 show 方法并自己调用 onComplete 函数。一个简单的示例如下所示：

$mdDialog.show = function (options) {
  options.onComplete();
};

// Call your function
showDialog();

然而，这忽略了通常由 $mdDialog.show() 返回的承诺。支持承诺链的更完整的覆盖，即 $mdDialog.show().then()，需要返回一个虚拟承诺并手动解决它：

// Create a dummy promise we can resolve manually
var deferred = $q.defer(); 

$mdDialog.show = function (options) {
  options.onComplete();

  // Return the dummy promise
  return deferred.promise;
};

// Call your function
showDialog();

// Resolve the promise, which won't actually be resolved until apply is called
deferred.resolve();
$rootScope.$apply();

$mdDialog 的单元测试 onComplete 回调

Unit test onComplete callback for $mdDialog

angularjs

angular-material

mddialog