如何在单元测试中更改$ watch的值？

Question

我有一个看起来像这样的指令：

angular.module('myApp', [])
.directive('myDirective', function(){
    return {
        link: function(scope, element, attr, controller) {
            scope.$watch('data', function(newValue, oldValue) {
                $timeout(function() {
                    if (newValue !== oldValue) {
                        console.log('data Changed!');
                    }
                });
            },true);

            scope.$watch('myCtrl.search', function(newValue, oldValue) {
                $timeout(function() {
                    if (newValue !== oldValue) {
                        console.log('myCtrl.search Changed!');
                    }
                });
            },true);
        }
    };
});

我可以更改data值并使用以下命令在单元测试中触发$watch ：

scope.data = "new data";
scope.$digest();

但是，如何更改myCtrl.search值？ 我尝试使用scope.myCtrl.search = "new search" ，它返回错误Cannot set property 'search' of undefined

Answer 1

myCtrl被附连到范围由于ng-controller=MyController as myCtrl指令执行。 由于这是一个单元测试，因此您也需要模拟myCtrl。

在测试设置中，您要做的是

scope = $rootScope.$new()

还添加

scope.myCtrl={};

设置虚拟变量（控制器）