单元测试$rootScope.$$phase和$rootScope.$digest()

Question

我的网站

$rootScope.$broadcast('task1-completed', service.options.language);

然后调用

$rootScope.$on('task1-completed', function() {
    if (!$rootScope.$$phase) {
        $rootScope.$digest();
    }
});

单元测试对于$broadcast和$on很好，但是如何对内部功能进行单元测试呢？也就是让$rootScope.$$phase成为假的，这样$digest()就会被调用..。

我曾经尝试过模拟整个$rootScope对象，但是无法让任何东西以这种方式工作。这更多的是为了代码覆盖的目的，因为单元测试都运行得很好。任何帮助都是非常感谢的！提前感谢！

Answer 1

我只需将$on改为.就能解决这个问题。

$scope.onUpdate = function() {
    if (!$rootScope.$$phase) {
        $rootScope.$digest();
    }
};

$rootScope.$on('task1-completed', function() {
    $scope.onUpdate();
});

通过这种方式，我可以对if语句进行单元测试，而不需要调用它的实际代码，这将使$$phase成为假的，并确保调用$digest()。

Answer 2

在角中以$$作为前缀的属性被认为是私有成员，不可靠；它们是在任何时候都可能更改的实现细节。

来自文档：https://docs.angularjs.org/api

AngularJS前缀$和$$：为了防止与代码发生意外的名称冲突，AngularJS在公共对象的名称中加上$，而私有对象的名称使用$$.

实现这一目标的一种安全和可接受的方法是使用$scope.$evalAsync()。

$evalAsync上的文档

一般来说，它不是在有侦听指令的地方执行的，而是在事件的原始代码中执行，这样就不需要在侦听器存在的任何地方复制它。

$rootScope.$evalAsync(() => {
    $rootScope.$broadcast('task1-completed', service.options.language);
})