AngularJS - 제공자와 주사를 사용한 카르마 테스트

Question

일부 주사가 포함 된 제공 업체의 단위 테스트 케이스를 작성하는 데 많은 어려움을 겪고 있습니다.

특정 업체이다 :

(function() { 
angular 
    .module('core.router', []) 
    .provider('routerHelper', routerHelperProvider); 

routerHelperProvider.$inject = ['$stateProvider', '$urlRouterProvider']; 

/** 
* This method Initializes the Router Helper provider to be used by all modules 
* 
* @param $stateProvider 
* @param $urlRouterProvider 
*/ 
function routerHelperProvider($stateProvider, $urlRouterProvider) { 

    this.$get = routerHelperService; 

    routerHelperService.$inject = ['$state']; 

    /** 
    * This method sets the methods to be used by the helper 
    * 
    * @param $state 
    * @returns {Object} 
    */ 
    function routerHelperService($state) { 
     var hasOtherwise = false; 

     return { 
      configureStates: configureStates, 
      getStates: getStates 
     }; 

     /** 
     * This method configures all the states to be used by the application 
     * 
     * @param {!String[]} states 
     * @param {!String} otherwisePath 
     */ 
     function configureStates(states, otherwisePath) { 
      states.forEach(function (state) { 
       //console.log("adding state", state.state, "with config", state.config); 
       $stateProvider.state(state.state, state.config); 
      }); 
      if (otherwisePath && !hasOtherwise) { 
       hasOtherwise = true; 
       $urlRouterProvider.otherwise(otherwisePath); 
      } 
     } 

     /** 
     * This method returns the states to be used by the application 
     * 
     * @return {Object} 
     */ 
     function getStates() { 
      return $state.get(); 
     } 
    } 
} })(); 

기본 단위 테스트는 다음과 같습니다

'use strict'; 

describe('core.router test', function() { 

    // All Service injections 
    var $urlRouterProvider, $stateProvider; 

    // Mocks 
    var m_url = function() { 
    }; 
    var m_state = function() { 
    }; 

    // Others 
    var routerHelper, urlRouter, state, base; 

    // Before statements 
    beforeEach(module('core.router', function ($provide, _routerHelperProvider_) { 
     $provide.value('$urlRouterProvider', m_url); 
     $provide.value('$stateProvider', m_state); 
     base = _routerHelperProvider_; 
    })); 

    // Starting the Factory 
    beforeEach(inject(function (_routerHelper_, _$urlRouter_, _$state_) { 
     routerHelper = _routerHelper_; 
     urlRouter = _$urlRouter_; 
     state = _$state_; 
    })); 

    describe('when testing it', function() { 
     it('should return true', function() { 

      //var abc = routerHelper.getStates(); 

      expect(1).toEqual(1); 
     }); 
    }); 
}); 

내가처럼 점점 오류를 계속 : 나는 여러 가지 모듈 인스턴스화 여러 시도

• Error: [$injector:unpr] Unknown Provider: $stateProvider
• Error: [$injector:unpr] Unknown Provider: $urlRouterProvider
• Error: [$injector:unpr] Unknown Provider: routerHelperProvider

다른 주입, 그러나 나는 그것을 일하게하는 것처럼 보일 수 없다. 주사 ($stateProvider, $urlRouterProvider 및 $state)를 꺼내면 단위 테스트가 간단합니다.

'use strict'; 

describe('core.router test', function() { 

    // All Provider injections 
    var $urlRouterProvider, $stateProvider; 

    // Mocks 
    var m_urlProvider = mockDataCore.urlRouterProvider(); 
    var m_stateProvider = mockDataCore.stateProvider(); 
    var m_state = mockDataCore.state(); 

    // Others 
    var routerHelper, base; 

    // Define the mock providers 
    beforeEach(function(){ 
     module(function($provide){ 
      $provide.provider('$urlRouter', m_urlProvider); 
      $provide.provider('$state', m_stateProvider); 
     }); 
    }); 

    // Start the module with the internal mock 
    beforeEach(function() { 
     module('core.router', function ($provide) { 
      $provide.value('$state', m_state); 
     }); 
    }); 

    // Load the provider with module to be able to call its configuration methods 
    beforeEach(function() { 
     module(['routerHelperProvider', function (_$urlRouterProvider_, _$stateProvider_, _routerHelperProvider_) { 
      $urlRouterProvider = _$urlRouterProvider_; 
      $stateProvider = _$stateProvider_; 
      base = _routerHelperProvider_; 
     }]); 
    }); 

    // Inject and start the provider 
    beforeEach(function() { 
     inject(['routerHelper', function (_routerHelper_, $state) { 
      routerHelper = _routerHelper_; 
     }]); 
    }); 

    // test cases 
    describe('when adding one state and no "otherwise"', function() { 
     it('otherwise should not be called and state should be saved to state list', function() { 

      spyOn(m_urlProvider, "otherwise"); 
      spyOn(m_stateProvider, "state"); 

      var simpleState = [{ 
       state : "home", 
       config : { 
        url: "/home" 
       }}]; 

      routerHelper.configureStates(simpleState); 

      expect(m_urlProvider.otherwise).not.toHaveBeenCalled(); 
      expect(m_stateProvider.state).toHaveBeenCalledWith("home", {url: "/home"}); 
     }); 
    }); 

    describe('when getting the states', function() { 
     it('should return the states', function() { 

      spyOn(m_state, "get"); 

      var states = routerHelper.getStates(); 

      expect(m_state.get).toHaveBeenCalled(); 
     }); 
    }); 
}); 

모의 방법은 다음과 같습니다 :

Answer 1

그래서,이 공급자가 $ 상태와 $ stateProvider을 모두 사용하기 때문에 약간의 복잡성을 가져 오는 솔루션을 것입니다 물론

var mockDataCore = (function() { 
return { 
    urlRouterProvider: urlRouterProvider, 
    stateProvider: stateProvider, 
    state: state 
}; 

function urlRouterProvider() { 
    return { 
     otherwise: function() { /* void */ 
     }, 
     $get: function() { /* void */ 
     } 
    }; 
} 

function stateProvider() { 
    return { 
     state: function() { /* void */ 
     }, 
     $get: function() { /* void */ 
     } 
    }; 
} 

function state() { 
    return { 
     get: function() { 
      return {}; 
     }, 
     go: function() { /* void */ 
     } 
    }; 
}})(); 

그 이 공급자에 대한 모든 테스트를 다루지는 않지만 그 중 나머지는 매우 간단합니다.