AngularJs測試通過噶

Question

引發異常茉莉

我面臨着一個奇怪的例外，同時測試我寫在這裏打字稿角的東西都被我的文件：

文件名：routeStates.ts

module Application { 
    'use strict'; 

    class RootState implements ng.ui.IState { 
     name: string; 
     url: string; 
     template: string; 
     'abstract': boolean; 

     constructor(settings: ISettings) { 
      this.name = 'portal'; 
      this.url = ''; 
      this.template = '<div ui-view></div>'; 
      this.abstract = true; 
     } 
    } 

    class ReportsState implements ng.ui.IState { 
     name: string; 
     url: string; 
     templateUrl: string; 
     'abstract': boolean; 

     constructor(settings: ISettings) { 
      this.name = 'portal.reports'; 
      this.url = '/reports'; 
      this.templateUrl = settings.partialsPath + 'reports/partial-reports.html'; 
      this.abstract = true; 
     } 
    } 

    class AdminState implements ng.ui.IState { 
     name: string; 
     url: string; 
     templateUrl: string; 
     'abstract': boolean; 

     constructor(settings: ISettings) { 
      this.name = 'portal.admin'; 
      this.url = '/admin'; 
      this.templateUrl = settings.partialsPath + 'admin/partial-admin.html'; 
      this.abstract = true; 
     } 
    } 

    export class ApplicationRoutingConfig { 
     public static configure(
      $stateProvider: ng.ui.IStateProvider, 
      $urlRouteProvider: ng.ui.IUrlRouterProvider, 
      settings: ISettings) { 
      $urlRouteProvider.otherwise('/reports/generate-reports'); 
      $stateProvider 
       .state(new RootState(settings)) 
       .state(new ReportsState(settings)) 
       .state(new AdminState(settings)); 
     } 
    } 
} 

文件名：routeStatesTests.ts

/// <reference path="../../lib/jasmine/jasmine.d.ts" /> 
module App { 
    'use strict'; 

    describe('Application Route States Tests',() => { 

     beforeEach(() => { 
      module('ui.router'); 
      module('Application'); 
     }); 

     //beforeEach(module('Application')); 


     it('should have a ApplicationRoutingConfig controller',() => { 
      expect(Application.ApplicationRoutingConfig).toBeDefined(); 
     }); 

     it('should initialize ApplicationRoutingConfig',() => { 
      expect(Application.ApplicationRoutingConfig.configure).toBeDefined(); 
     }); 

     var $stateProvider: ng.ui.IStateProvider; 
     var $urlRouterProvider: ng.ui.IUrlRouterProvider; 
     var settings: Application.ISettings = new Application.Settings(); 

     //This is throwing exception 

     it('should not return empty config',() => { 
      expect(Application.ApplicationRoutingConfig.configure($stateProvider, $urlRouterProvider, settings)).toNotEqual(null); 
     }); 

    }); 
} 

我越來越excepti上：

TypeError: Unable to get property 'otherwise' of undefined or null reference at ApplicationRoutingConfig.configure 

所有其他測試越來越期待這一個。

任何幫助，將不勝感激！

Answer 1

你錯過了注入的依賴......

module Application { 
      ... 
      export class ApplicationRoutingConfig { 
       public static configure(
        $stateProvider: ng.ui.IStateProvider, 
        $urlRouteProvider: ng.ui.IUrlRouterProvider, 
        settings: ISettings) { 
        $urlRouteProvider 
         .otherwise('/reports/generate-reports'); 
        $stateProvider 
         .state(new RootState(settings)) 
         .state(new ReportsState(settings)) 
         .state(new AdminState(settings)); 
        //Missing?: should not return empty config? 
        return this; //? 
    }}} 
and then in routetStateTest 

    describe('Application Route States Tests',() => { 

     var urlRouterProvider: ng.ui.IUrlRouterProvider; 
     var stateProvider: ng.ui.IStateProvider; 
     var settings: Application.ISettings = new Application.Settings(); 

      beforeEach(() => { 
       module('ui.router'); 
      }); 

      //missing: instantiating/injecting 
       beforeEach(module(function($stateProvider, $urlRouterProvider) { 
        urlRouterProvider = $urlRouterProvider; 
        stateProvider = $stateProvider; 
       })); 

      it('should have a ApplicationRoutingConfig controller',() => { 
       expect(Application.ApplicationRoutingConfig).toBeDefined(); 
      }); 

      it('should initialize ApplicationRoutingConfig',() => { 
       expect(Application.ApplicationRoutingConfig.configure) 
       .toBeDefined(); 
      }); 

      //missing: instantiating/injecting 
      it('should not return empty config', 
       inject(() => { 
        expect(Application 
         .ApplicationRoutingConfig 
         .configure(stateProvider, urlRouterProvider, settings) 
       ).toNotEqual(null); 
       } 
     )); 
Karma: 
SUCCESS myApp.version module interpolate filter should replace VERSION 
SUCCESS myApp.version module app-version directive should print current version 
SUCCESS myApp.version module version service should return current version 
SUCCESS myApp.view1 module view1 controller should .... 
SUCCESS myApp.view2 module view2 controller should .... 
SUCCESS Application Route States Tests should have a ApplicationRoutingConfig controller 
SUCCESS Application Route States Tests should initialize ApplicationRoutingConfig 
SUCCESS Application Route States Tests should not return empty config