Mocking und Testrichtlinie mit isolieren Bereich mit ng-Modell

Question

Ich habe eine Richtlinie, die ich spotten und testen möchte. Die Richtlinie hat ngModel gesetzt Bindung zu verdoppeln und wahr

scope: {'ngModel': '=' } 

transclude: true 

Die Spezifikation, die ich zu testen bin, ist ziemlich einfach transcluden.

$el.find('input').prop('checked', $scope.ngModel); 

Innerhalb von meiner Unit-Tests habe ich eine before und schuf die Richtlinie ngModel testen = geprüft

element = angular.element("<div *directiveName* ><div><input type=\"checkbox\" ngModel=checked /> </div></div>"); 

     $rootScope = $rootScope.$new(); 
     $compile(element)($rootScope); 
     $rootScope.$digest(element); 

     scope = element.isolateScope(); 

Normalerweise würde ich Umfang gleich element.scope gesetzt(). Ich würde die isolateScope() Methode auf diesem Recht anrufen?

Ich glaubte, dass ich seit Umfang setze die Elemente gleich isolateScope() die Spezifikation so einfach wie

sein sollte

 expect(scope.ngModel).to.equal('checked'); 

jedoch scope.ngModel nicht definiert ist. Ich bin nicht sicher, was ich vermisse, wenn ich die Richtlinie erstelle oder den Test rufe. Jede Richtung würde sehr geschätzt werden.

Answer 1

Sie geben den Wert nicht korrekt in das Element ein. Es sollte sein:

element = angular.element("<div *directiveName* ><div><input type=\"checkbox\" ng-model=checked /> </div></div>"); 

die ng-Modell Sein Wechsel statt ngModel.

Ich würde auch empfehlen, einen anderen Namen für Ihr benutzerdefiniertes Attribut in der Direktive wegen der Verwechslung mit der eingebauten Winkelanweisung zu verwenden.