茉莉花测试AngularJS $ locationChangeSuccess [英] Jasmine test for AngularJS $locationChangeSuccess
本文介绍了茉莉花测试AngularJS $ locationChangeSuccess的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我将如何编写一个测试这个下面的一段code的？
$范围。在$（'$ locationChangeSuccess'，函数（）{
$（模式 - 背景）。removeClass移除（'模式，背景'）。
}）;
解决方案
下面应该工作：
beforeEach（函数（）{
$（'身体'）追加（'＆LT; DIV ID =测试类=模式 - 背景/＆GT;'）;
}）;afterEach（函数（）{
$（'＃测试），删除（）。
}）;它（'应删除类名上$ locationChangeSuccess'，函数（）{
spyOn（$范围，'$开）and.callThrough（）。 。$ $范围广播（'$ locationChangeSuccess'）; 期待（$ $范围上）。.toHaveBeenCalled（）;
期待（$（'＃测试）hasClass（'模式 - 背景）。）TOBE（假）。
}）;
How would I write a test for this following piece of code?
$scope.$on('$locationChangeSuccess', function () {
$(".modal-backdrop").removeClass('modal-backdrop');
});
解决方案
The following should work:
beforeEach(function() {
$('body').append('<div id="test" class="modal-backdrop"/>');
});
afterEach(function() {
$('#test').remove();
});
it('should remove the classname on $locationChangeSuccess', function() {
spyOn($scope, '$on').and.callThrough();
$scope.$broadcast('$locationChangeSuccess');
expect($scope.$on).toHaveBeenCalled();
expect($('#test').hasClass('modal-backdrop')).toBe(false);
});
这篇关于茉莉花测试AngularJS $ locationChangeSuccess的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
