Comment écrire un test unitaire en utilisant jasmin pour couvrir DOM dans le contrôleur angulaire

Question

Je suis confronté à un problème lors de l'écriture des tests unitaires pour l'un des contrôleurs en JS angulaire. Im en utilisant Karma jasmin 2.8.0.

Code contrôleur: -

var checkedlength = angular.element(e.target).parents('checkbox').find('input[type="checkbox"]:checked').length;}); 

if(checkedlength === 0){/* code here */} 
else {/* code here */} 

Où e est l'événement. Je voulais écrire un test unitaire utilisant du jasmin pour que les deux parties puissent être couvertes.

Toute aide serait grandement appréciée.

Answer 1

Simule l'appel d'un élément angulaire. Quelque chose comme ça. Ce n'est pas complet mais devrait vous aider à démarrer.

var arrayOfCheckboxes = ['checbox1', 'checkbox2']; 
var angularSpy; 
var elementFunction = function(e){ return anyMockedElement; } 
var domCheckBoxes = { 
    find: function(searchString){ 
     if(string === 'input[type="checkbox"]:checked'){ 
      return arrayOfCheckboxes; 
     } 
    } 
} 
var anyMockedElement = { 
    parents: function(string) { 
     if(string === 'checkbox'){ 
      return domCheckBoxes; 
     } 
    } 
} 

beforeEach(function() { 
    angularSpy = spyOn(angular, 'element').andCallFake(elementFunction); 
}); 

afterEach(function() { 
    angularSpy.andCallThrough(); 
});