使用业力注入$ stateParams进行角度单元测试测试

Question

让我们从控制器代码开始:

angular
.module('hc.hotelContent')
.controller('NameLocationController', nameLocationCtrlFn); //Todo change hotelDataService
nameLocationCtrlFn.$inject = ['$stateParams', 'hotelDataService'];

  function nameLocationCtrlFn($stateParams, hotelDataService) {
       var vm = this,
       hotelId = $stateParams.hotelId;
       vm.Keys = {
        Name: 'Name',
        Street: 'Street',
        City: 'City',
        State: 'State',
        Zip: 'Zip',
        Country: 'Country'
    }
}

我确实有更多的代码,但它的相关逻辑,我没有将$ stateParmas注入控制器时我的测试工作正常.
所以继承测试文件:

    describe('nameLocation component Controller', function () {
    var $controller,
            hotelDataServiceMock,
           stateParams,
            hotelId = "4611";
Keys = {
        Name: 'Name',
        Street: 'Street',
        City: 'City',
        State: 'State',
        Zip: 'Zip',
        Country: 'Country'
    }//@
    beforeEach(module('hc.hotelContent'));
        beforeEach(module('hc.app.core'));
        beforeEach(inject(injectFn));
       function injectFn(_$controller_, $stateParams, _hotelDataService_) {
            $controller = _$controller_;
            stateParams = $stateParams;

            hotelDataServiceMock = _hotelDataService_;
        } //controller injection fn

        function initCtrl() {
            controller = $controller('NameLocationController', {
                $stateParams: stateParams,
                hotelDataService: hotelDataServiceMock
            });
        }
describe('inserting a new hotel', function () {
        it('should populate Keys object', function () {
            var controller = initCtrl();
            expect(controller.Keys).toEqual(Keys);
        });
   }
}

即时收到未知提供程序错误.我的控制器没有任何东西,所有我在控制器中做的是将变量设置为$ stateParams变量.我如何使用这种注射？我的karma.conf文件被配置为以这个特定的顺序加载jquery,angular,ui-router,mocks以及之后的所有js和html

编辑:我之前看过这篇文章,但我在我的主app模块中使用ui-router,所以我添加了beforeEach(module('hc.app')); 代码但仍然没有

Answer 1

有一个类似的问题在一个指令中测试$ stateParams:

尝试注射$state,

然后你可以$state.go('namedurl', {your_params_here}) $rootScope.$digest()在你的控制器中使用: 或$ apply

哪个会更新$stateParams.如果您尝试$stateParams使用提供程序注入模拟,它们只会被$ state服务覆盖.