Как протестировать область уничтожения

Question

Как модульное тестирование события $ destroy в директиве в angularjs?

У меня есть код в моей директиве:

scope.$on('$destroy', function() { 
    //clean something 
}); 

Мой тестовый код:

it('on destroy',function(){ 
    scope.$destroy(); 
    scope.$digest(); 

    //expect everything done? 
}); 

Любое предложение!

Answer 1

Вы можете выбрать DOM из шаблона своей директивы и получить его объем, а затем запустить $ destroy().

Ex:

ваш TPL:

"<div id='tuna'></div>" 

ваш тест:

it('test on destroy', function(){ 
    var isolateScope = $(element).find('#tuna').eq(0).scope(); 
    isolateScope.$destroy(); 
}) 

Надежда поможет вам!

Answer 2

Вы должны проверить код, который выполняется в событии $destroy. Вот надуманный пример с использованием контроллера:

Тест

it('sets destroyed to true when the scope is destroyed', function() { 
    // Arrange 
    $scope.destroyed = false; 

    // Act 
    $scope.$destroy(); 

    // Assert 
    expect($scope.destroyed).toBe(true); 
}); 

Контроллер

app.controller('MainCtrl', function($scope) { 
    $scope.$on('$destroy', function() { 
    $scope.destroyed = true; 
    }); 
}); 

Plunker here.

Answer 3

Угловой isolateScope предпочтительнее использовать jQuery. Вы, наверное, составленный элемент в beforeEach выше теста, как это:

myEl = '<div my-el>MY EL</div>'; 
scope = $rootScope.$new(); 
directiveElement = $compile(myEl)(scope); 
scope.$digest(); 

Теперь в тесте вы можете получить доступ к isolateScope и вызовите $destroy:

var isolated = directiveElement.isolateScope(); 
isolated.$destroy(); 

Answer 4

Вот что я делаю:

var destroyed = spyOn(scope, '$destroy').and.callThrough(); 
scope.$destroy(); 
expect(destroyed).toHaveBeenCalled(); 

в отличии от других ответов, которые я не должен создавать пометки переменные, которые только имеют смысл для тестирования, аль поэтому для меня имеет смысл использовать Jasmine spyOn и callThrough, чтобы проверить, успешно ли вызвана функция $ destry.