未知提供者：$ angularFileUploadProvider < - $ angularFileUpload在茉莉花角度测试

我在我的角度模块上有一个指令，我正在尝试编写测试。首先，我不清楚如何正确测试这个指令，但在这一点上，当业力运行测试时，我得到以下错误。

Unknown provider: $angularFileUploadProvider <- $angularFileUpload

这是我的测试。

describe('Testing onlyDigits directive', function(){ 

    var elm, scope; 

    beforeEach(module('jobBoard')) 

    beforeEach(inject(function($route, $filter, $angularFileUpload, $animate, $rootScope, $compile) { 
     elm = angular.element('<input id="testinput" type="number" onlyDigits />'); 
     scope = $rootScope; 
     $compile(elm)(scope); 
     scope.$digest(); 
    })); 

    it('should limit input to numbers and decimal', function(){ 

    }) 
})

这是我的模块指令...

angular.module('jobBoard', ['ngRoute', 'jobFilters', 'angularFileUpload','ngAnimate']) 
    .config(['$routeProvider', '$locationProvider','$sceDelegateProvider', 'templates', function($routeProvider, $locationProvider, $sceDelegateProvider, templates){ 
     //routes ommitted for brevity 
    } 
]).directive('onlyDigits', function() { 
    return { 
     restrict: 'A', 
     require: '?ngModel', 
     link: function (scope, element, attrs, ngModel) { 
      if (!ngModel) return; 
      ngModel.$parsers.unshift(function (inputValue) { 
       var digits = inputValue.split('').filter(function (s) { return (!isNaN(s) && s != ' ' || s == '.'); }).join(''); 
       ngModel.$viewValue = digits; 
       ngModel.$render(); 
       return digits; 
      }); 
     } 
    }; 
});

，这里是我的人缘配置文件

module.exports = function(config){ 
    config.set({ 

    basePath : './', 

    files : [ 
     'vendor/assets/javascripts/angular/angular.js', 
     'vendor/assets/javascripts/angular-route/angular-route.js', 
     'vendor/assets/javascripts/angular-animate/angular-animate.js', 
     'vendor/assets/javascripts/ng-file-upload-shim/angular-file-upload.js', 
     'vendor/assets/javascripts/ng-file-upload/angular-file-upload.js', 
     'vendor/assets/javascripts/angular-mocks/angular-mocks.js', 
     'app/assets/javascripts/components/**/*.js', 
     'app/assets/javascripts/view*/**/*.js', 
     'spec/javascripts/**/*_spec.js' 
    ], 

    autoWatch : true, 

    frameworks: ['jasmine'], 

    browsers : ['Chrome'], 

    plugins : [ 
      'karma-chrome-launcher', 
      'karma-firefox-launcher', 
      'karma-jasmine', 
      'karma-junit-reporter' 
      ], 

    junitReporter : { 
     outputFile: 'test_out/unit.xml', 
     suite: 'unit' 
    } 

    }); 
};

来源

2015-03-13 geoff swartz

你在你的茉莉beforeEach设置注射服务的很多：

beforeEach(inject(function($route, $filter, $angularFileUpload, $animate, $rootScope, $compile) { 
    // ... 
}

您应该只注射服务，你实际上是使用在beforeEach功能：$rootScope和$compile：

beforeEach(inject(function($compile, $rootScope) { 
    // ... 
});

特别是$angularFileUpload服务，您试图注入未在任何加载的模块定义：'jobBoard'和['ngRoute', 'jobFilters', 'angularFileUpload','ngAnimate']

来源

2015-03-13 18:58:32 tommes

这就是我试图用角度包裹我的头。所以，即使模块期待所有这些 - 'ngRoute'，'jobFilters'，'angularFileUpload'，'ngAnimate' - 你说我不需要注入它们？ – 2015-03-13 19:34:39

模块在模块定义中定义模块依赖关系：'angular.module（“MyModule”，[“OtherModule”，“OtherModule2”]）' 当模块在测试中加载时'beforeEach（function（）{module （“MyModule”）;}）'，它会自动加载它的依赖关系。您注入的内容不是_modules_，而是_services_。如果你需要在你的函数中使用特定的服务，你只需要注入东西：'inject（function（$ http）{$ http.get（...）;}）''。希望有助于:-) – tommes 2015-03-13 19:39:08

它确实有帮助 - 有点;）但是，当我减少服务只有$ compile和$ rootScope，然后我得到这个错误 - 未知的提供者：$$ jqLiteProvider < - $$ jqLite < - $ animate < - $ compile – 2015-03-13 19:46:26

未知提供者：$ angularFileUploadProvider < - $ angularFileUpload在茉莉花角度测试

回答

相关问题