如何在 AngularJS 中对隔离范围指令进行单元测试

在 AngularJS 中对隔离范围进行单元测试的好方法是什么

JSFiddle 显示单元测试 http://jsfiddle.net/daniellmb/b7BRR

指令片段

    scope: {name: '=myGreet'},
    link: function (scope, element, attrs) {
        //show the initial state
        greet(element, scope[attrs.myGreet]);

        //listen for changes in the model
        scope.$watch(attrs.myGreet, function (name) {
            greet(element, name);
        });
    }

我想确保该指令正在监听更改 - 这确实如此not使用隔离范围：

    it('should watch for changes in the model', function () {
        var elm;
        //arrange
        spyOn(scope, '$watch');
        //act
        elm = compile(validHTML)(scope);
        //assert
        expect(scope.$watch.callCount).toBe(1);
        expect(scope.$watch).toHaveBeenCalledWith('name', jasmine.any(Function));
    });

UPDATE:我通过检查是否将预期的观察者添加到子作用域中来使其工作，但它非常脆弱，并且可能以未记录的方式使用访问器（又名可能会更改，恕不另行通知！）。

//this is super brittle, is there a better way!?
elm = compile(validHTML)(scope);
expect(elm.scope().$$watchers[0].exp).toBe('name');

更新2：正如我提到的，这很脆弱！这个想法仍然有效，但在较新版本的 AngularJS 中，访问器已从scope() to isolateScope():

//this is STILL super brittle, is there a better way!?
elm = compile(validHTML)(scope);                       
expect(elm.isolateScope().$$watchers[0].exp).toBe('name');

See 角度元素 API 文档 http://docs.angularjs.org/api/angular.element。如果你使用element.scope()您将获得在指令的scope 属性中定义的元素的范围。如果你使用element.isolateScope()您将获得整个隔离范围。 例如，如果您的指令如下所示：

scope : {
 myScopeThingy : '='
},
controller : function($scope){
 $scope.myIsolatedThingy = 'some value';
}

然后在测试中调用 element.scope() 将返回

{ myScopeThingy : 'whatever value this is bound to' }

但是如果你调用 element.isolateScope() 你会得到

{ 
  myScopeThingy : 'whatever value this is bound to', 
  myIsolatedThingy : 'some value'
}

从角度 1.2.2 或 1.2.3 开始，这是正确的，但不确定。 在以前的版本中，您只有 element.scope()。