您好我正在使用AngularJS
构建应用程序,现在我正在测试我的应用程序。我知道如何为服务,控制器等编写单元测试用例。但我不知道为$routeChangeStart
编写它。
我的app.js中有以下代码
app.run(function ($rootScope, $location, AuthenticationService) {
$rootScope.$on('$routeChangeStart', function () {
if (AuthenticationService.isLoggedIn()) {
$rootScope.Authenticated = 'true';
$rootScope.Identity = localStorage.getItem('identification_id');
} else {
$rootScope.Authenticated = 'false';
$rootScope.Identity = localStorage.removeItem('identification_id');
}
});
});
我已编写此代码,以确定用户是否已登录我的应用中的每个路由。我为此目的编写了一个服务AuthenticationService
,如;
app.factory('AuthenticationService', function (SessionService) {
return {
isLoggedIn: function () {
return SessionService.get('session_id');
}
};
});
我的会话服务就像;
app.factory('SessionService', function () {
return {
get: function (key) {
return localStorage.getItem(key);
}
};
});
我正在使用Jasmine
编写测试用例并使用Istanbul
进行代码覆盖。当我使用Grunt
运行我的测试时,我在app.js中得到类似的内容;
这是因为我不在我的测试用例中覆盖这些语句,因为我不知道如何编写这段特定代码的测试用例。有什么建议吗?
答案 0 :(得分:8)
每次加载模块时都会运行run
块,以便在测试期间注册侦听器。您只需要实际发送该事件,以便可以测试其中的代码。这样的事情可以解决问题:
it("should test the $routeChangeStart listener", inject(function($rootScope) {
$rootScope.$broadcast("$routeChangeStart");
//expects for the listener
}));
请参阅How can I test events in angular?了解如何测试一般事件。
答案 1 :(得分:2)
测试$rootScope.$on('$routeChangeStart',...
的好方法可以在angularjs本身的单元测试中找到。由于每个功能都经过测试,因此它是一个很好的知识来源,因此可以找到好的解决方案。这就是为什么单元测试如此之大,不是吗?
https://github.com/angular/angular.js/blob/master/test/ngRoute/routeSpec.js
以下测试(取自角度头1.2.x - 请参阅最新链接)效果很好,您只需要适应您的测试(因为事件处理程序已经在您的代码中):
'use strict';
describe('$route', function() {
var $httpBackend;
beforeEach(module('ngRoute'));
beforeEach(module(function() {
return function(_$httpBackend_) {
$httpBackend = _$httpBackend_;
$httpBackend.when('GET', 'Chapter.html').respond('chapter');
$httpBackend.when('GET', 'test.html').respond('test');
$httpBackend.when('GET', 'foo.html').respond('foo');
$httpBackend.when('GET', 'baz.html').respond('baz');
$httpBackend.when('GET', 'bar.html').respond('bar');
$httpBackend.when('GET', 'http://example.com/trusted-template.html').respond('cross domain trusted template');
$httpBackend.when('GET', '404.html').respond('not found');
};
}));
it('should route and fire change event', function() {
var log = '',
lastRoute,
nextRoute;
module(function($routeProvider) {
$routeProvider.when('/Book/:book/Chapter/:chapter',
{controller: angular.noop, templateUrl: 'Chapter.html'});
$routeProvider.when('/Blank', {});
});
inject(function($route, $location, $rootScope) {
$rootScope.$on('$routeChangeStart', function(event, next, current) {
log += 'before();';
expect(current).toBe($route.current);
lastRoute = current;
nextRoute = next;
});
$rootScope.$on('$routeChangeSuccess', function(event, current, last) {
log += 'after();';
expect(current).toBe($route.current);
expect(lastRoute).toBe(last);
expect(nextRoute).toBe(current);
});
$location.path('/Book/Moby/Chapter/Intro').search('p=123');
$rootScope.$digest();
$httpBackend.flush();
expect(log).toEqual('before();after();');
expect($route.current.params).toEqual({book:'Moby', chapter:'Intro', p:'123'});
log = '';
$location.path('/Blank').search('ignore');
$rootScope.$digest();
expect(log).toEqual('before();after();');
expect($route.current.params).toEqual({ignore:true});
log = '';
$location.path('/NONE');
$rootScope.$digest();
expect(log).toEqual('before();after();');
expect($route.current).toEqual(null);
});
});