angularjs testowania jednostka trasa

Question

jak widzimy tutaj http://docs.angularjs.org/tutorial/step_07,

angular.module('phonecat', []). 
    config(['$routeProvider', function($routeProvider) { 
    $routeProvider. 
     when('/phones', {templateUrl: 'partials/phone-list.html', controller: PhoneListCtrl}). 
     when('/phones/:phoneId', {templateUrl: 'partials/phone-detail.html', controller: PhoneDetailCtrl}). 
     otherwise({redirectTo: '/phones'}); 
}]); 

Test routingu je do zrobienia z testu e2e,

it('should redirect index.html to index.html#/phones', function() { 
    browser().navigateTo('../../app/index.html'); 
    expect(browser().location().url()).toBe('/phones'); 
    }); 

Myślę jednak, że config w '$ routeProvider' jest wykonywane za pomocą jednej funkcji, funkcji ($ routeProvider), i powinniśmy być w stanie testować jednostkę bez angażowania przeglądarki, ponieważ myślę, że funkcja routingu nie wymaga przeglądarki DOM.

Na przykład
gdy URL jest/foo, templateUrl musi być /partials/foo.html i kontroler jest FooCtrl
gdy URL jest/bar, templateUrl musi być /partials/bar.html i kontroler jest BarCtrl

Jest to prosta funkcja IMO, a także powinna być testowana w prostym teście, jednostkowym teście.

Przeszukałem i szukałem tego testu jednostki $ routeProvider, ale bez powodzenia.

Myślę, że mogę pożyczyć kod z tego miejsca, ale nie mogłem go jeszcze uzyskać, https://github.com/angular/angular.js/blob/master/test/ng/routeSpec.js.

Answer 1

Dlaczego po prostu nie dochodzić przedmiotem trasa jest prawidłowo skonfigurowany?

it('should map routes to controllers', function() { 
    module('phonecat'); 

    inject(function($route) { 

    expect($route.routes['/phones'].controller).toBe('PhoneListCtrl'); 
    expect($route.routes['/phones'].templateUrl). 
     toEqual('partials/phone-list.html'); 

    expect($route.routes['/phones/:phoneId'].templateUrl). 
     toEqual('partials/phone-detail.html'); 
    expect($route.routes['/phones/:phoneId'].controller). 
     toEqual('PhoneDetailCtrl'); 

    // otherwise redirect to 
    expect($route.routes[null].redirectTo).toEqual('/phones') 
    }); 
}); 

Answer 2

Myślę, że powinieneś być w stanie przetestować $ routeProvider tak:

angular.module('phonecat', []). 
    config(['$routeProvider', function($routeProvider) { 
    $routeProvider. 
     when('/phones', {templateUrl: 'partials/phone-list.html', controller: PhoneListCtrl}). 
     when('/phones/:phoneId', {templateUrl: 'partials/phone-detail.html', controller: PhoneDetailCtrl}). 
     otherwise({redirectTo: '/phones'}); 
}]); 


it('should test routeProvider', function() { 
    module('phonecat'); 

    inject(function($route, $location, $rootScope) { 

    expect($route.current).toBeUndefined(); 
    $location.path('/phones/1'); 
    $rootScope.$digest(); 

    expect($route.current.templateUrl).toBe('partials/phone-detail.html'); 
    expect($route.current.controller).toBe(PhoneDetailCtrl); 

    $location.path('/otherwise'); 
    $rootScope.$digest(); 

    expect($location.path()).toBe('/phones/'); 
    expect($route.current.templateUrl).toEqual('partials/phone-list.html'); 
    expect($route.current.controller).toBe(PhoneListCtrl); 

    }); 
}); 

Answer 3

Połączenie dwóch poprzednich odpowiedzi, jeśli chcesz przetestować router jako czarną skrzynkę, która z powodzeniem routingu, gdzie powinny (nie configs kontroler ETS w siebie), niezależnie od trasy mogą być:

// assuming the usual inject beforeEach for $route etc. 
var expected = {}; 
it('should call the right controller for /phones route', function() { 
    expected.controller = $route.routes['/phones'].controller; 
    $location.path('/phones'); 
    $rootScope.$digest(); 
    expect($route.current.controller).toBe(expected.controller); 
}); 

it('should redirect to redirectUrl from any other route', function() { 
    expected.path = $route.routes[null].redirectTo; 
    $location.path('/wherever-wrong'); 
    $rootScope.$digest(); 
    expect($location.path()).toBe(expected.path); 
});