Können wir Komponententest für AngularJS routeProvider schreiben?

Question

Hallo Ich baue eine App mit AngularJS und ich bin im Unit Test Abschnitt fest. Ich weiß, wie man Komponententests für Controller und alle anderen schreibt, aber ich weiß nicht, wie es für routeProvider funktioniert. Ich benutze Jasmine für den Schreibgerätest.

Mein Routenanbieter sieht so aus;

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

Wie kann ich schreibe für diese routeProvider Unit-Test Jasmin mit?

Answer 1

Ja, Sie können, ist die schnelle Antwort und unten ist ein kleines Stück Code, der verwendet und erweitert werden kann, um zu testen, dass Routen Sie zu den Orten bringen, die Sie erwarten würden.

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

Answer 2

Keep it simple

describe('Testing Routes', function() { 

// load the controller's module 
beforeEach(module('MyApp')); 

it('should test routes', 
inject(function ($route) { 

    expect($route.routes['/'].controller).toBe('MainCtrl'); 
    expect($route.routes['/'].templateUrl).toEqual('app/views/main.html'); 

    expect($route.routes['/home/:PartyID'].controller).toBe('HomeCtrl'); 
    expect($route.routes['/home/:PartyID'].templateUrl).toEqual('app/views/home.html'); 

    expect($route.routes['/edit/:PartyID'].controller).toBe('EditCtrl'); 
    expect($route.routes['/edit/:PartyID'].templateUrl).toEqual('app/views/update_profile.html'); 

    expect($route.routes['/route'].controller).toBe('RouteCtrl'); 
    expect($route.routes['/route'].templateUrl).toEqual('app/views/route.html'); 

    expect($route.routes['/signup'].controller).toBe('SignupCtrl'); 
    expect($route.routes['/signup'].templateUrl).toEqual('app/views/signup.html'); 

    expect($route.routes['/streamconfigs/:id'].controller).toBe('LoginCtrl'); 
    expect($route.routes['/streamconfigs/:id'].templateUrl).toEqual('app/views/login.html'); 

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

});