我们可以写出AngularJS routeProvider单元测试? [英] Can we write unit test for AngularJS routeProvider?
问题描述
嗨我建立使用AngularJS一个应用程序,我停留在单元测试部分。我知道如何编写控制器和所有的单元测试,但我不知道该怎么做它routeProvider。我使用的茉莉花编写单元测试。
Hi I am building an app using AngularJS and I am stuck at unit test section. I know how to write unit testing for controllers and all but I don't know how to do it for routeProvider. I am using Jasmine for writing unit test.
我的路线提供商将看起来像这样;
My route provider will look like this;
var app = angular.module('MyApp', ['ngResource'])
app.config(function ($routeProvider) {
$routeProvider
.when('/', {
templateUrl: 'app/views/main.html',
controller: 'MainCtrl'
})
.when('/home/:PartyID', {
templateUrl: 'app/views/home.html',
controller: 'HomeCtrl'
})
.when('/edit/:PartyID', {
templateUrl: 'app/views/update_profile.html',
controller: 'EditCtrl'
})
.when('/route', {
templateUrl: 'app/views/route.html',
controller: 'RouteCtrl'
})
.when('/signup', {
templateUrl: 'app/views/signup.html',
controller: 'SignupCtrl'
})
.when('/login', {
templateUrl: 'app/views/login.html',
controller: 'LoginCtrl'
})
.otherwise({
redirectTo: '/'
});
});
我怎么能写单元测试使用茉莉花此routeProvider?
How can I write unit test for this routeProvider using Jasmine?
推荐答案
当然可以,就是快速的答案,下面是一个可以使用和扩展来测试路线带你到code的一小片你所期望的地方。我可以详细说明这多一点,我的来源我怎么摆在首位了解到这一点,如果你有兴趣?
Yes you can, is the quick answer and below is a little piece of code that can be used and extended to test that routes take you to the places you'd expect. I can elaborate on this a little more and my sources for how I learnt this in the first place, if you are interested?
describe('Testing routes', function() {
beforeEach(module('windscreens'));
var location, route, rootScope;
beforeEach(inject(
function( _$location_, _$route_, _$rootScope_ ) {
location = _$location_;
route = _$route_;
rootScope = _$rootScope_;
}));
describe('Login route', function() {
beforeEach(inject(
function($httpBackend) {
$httpBackend.expectGET('login')
.respond(200);
}));
it('should load the login page on successful load of /login', function() {
location.path('/login');
rootScope.$digest();
expect(route.current.controller).toBe('LoginCtrl')
});
});
});
这篇关于我们可以写出AngularJS routeProvider单元测试?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!