AngularJS मार्ग इकाई परीक्षण

Question

के रूप में हम 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'}); 
}]); 

मार्ग परीक्षण E2E परीक्षण के साथ किया जा करने के लिए सुझाव दिया है,

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

हालांकि, मुझे लगता है कि '$ routeProvider' config है एक फ़ंक्शन, फ़ंक्शन ($ रूटप्रोवाइडर) के साथ किया गया है, और हमें ब्राउज़र की भागीदारी के बिना इकाई परीक्षण करने में सक्षम होना चाहिए क्योंकि मुझे लगता है कि रूटिंग फ़ंक्शन को ब्राउज़र DOM की आवश्यकता नहीं है।

उदाहरण के लिए

,
जब यूआरएल है/foo, templateUrl /partials/foo.html होना चाहिए और नियंत्रक जब यूआरएल/बार है, templateUrl /partials/bar.html होना चाहिए और नियंत्रक है BarCtrl

FooCtrl
है

यह एक साधारण कार्य आईएमओ है, और इसे एक परीक्षण परीक्षण, एक यूनिट परीक्षण में भी परीक्षण किया जाना चाहिए।

मैंने इस $ रूटप्रोवाइडर यूनिट परीक्षण के लिए गुगल किया और खोज की, लेकिन अभी तक कोई भाग्य नहीं है।

मुझे लगता है कि मैं यहां से कुछ कोड उधार ले सकता हूं लेकिन इसे अभी तक नहीं बना सकता, https://github.com/angular/angular.js/blob/master/test/ng/routeSpec.js।

Answer 1

क्यों न सिर्फ जोर मार्ग वस्तु ठीक से कॉन्फ़िगर किया जाता है?

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

मुझे लगता है कि आप इस तरह से $ routeProvider परीक्षण करने के लिए सक्षम होना चाहिए:

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

दो पिछले जवाब का मेल, आप एक ब्लैक बॉक्स है कि सफलतापूर्वक मार्ग यह होना चाहिए (नहीं अपने आप में नियंत्रक ETS कॉन्फ़िगरेशन) जहां, जो कुछ भी हो सकता है मार्गों के रूप में रूटर का परीक्षण करना चाहते हैं:

// 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); 
});