AngularJS: методы Stubbing JQlite

Question

я хотел бы модульное тестирование на некоторые логики в моей директиве:

... 
link: function ($scope, $element) { 
    var rightMargin = 3; 
    var w = $element.find('span')[0].scrollWidth; 
    if (w > 100) { 
     $element.css('width', (w + rightMargin) + 'px'); 
    } 
... 

Поскольку служба $ компилировать на самом деле не добавлять элементы на документе, scrollWidth всегда возвращает 0. Так что я не знаю, как заглушить возвращаемое значение вызова $ element.find, потому что нет способа получить доступ к экземпляру $ element в моем модульном тесте.

Answer 1

Попробуйте установить HTML страницы прямо внутри тела

Использование innerHTML:

angular.element(document.body).html('<div class="my-elm" my-directive></div>'); 
var elm = angular.element(document.body.querySelector('.my-elm')); 
$compile(elm)($rootScope); 

Или с помощью добавления:

var elm = angular.element('<div class="my-elm" my-directive></div>'); 
angular.element(document.body).append(elm); 
$compile(elm)($rootScope); 

Answer 2

Если это тест единица, то вы не должны «Не проверяйте внешние зависимости, только то, что вы логично, точно. Я бы это проглотил.

spyOn($element,'css'); 
#call your code here 
expect($element.css).toHaveBeenCalledWith('width','99px');