Неизвестный провайдер CookieStore

Question

Неизвестный провайдер CookieStore

У меня есть сервис, где я хочу использовать модуль $ cookieStore. Работает нормально, но при модульном тестировании ломается и выдает ошибку: "$cookieStoreProvider <- $ cookieStore <- filtersService".

Сервис выглядит так:

serviceModule.factory('filtersService', ['$rootScope', '$location', '$cookieStore', function($rootScope, $location, $cookieStore){
    return {
        getFilters: function(){...}
}

И сервис модульного тестирования выглядит так:

describe('filtersService tests', function(){
var filtersService;
beforeEach(module('App.services'));

beforeEach(inject(function(filtersService, urlService, $location){

    filtersService = filtersService;
    urlService = urlService;
}));

it('test something', inject(function(filtersService, $location){
    filtersService.getFilters();
   expect(...something...)
}));
});

Я включил angular-cookies в файл теста кармы.

Любая идея, почему код работает при запуске, но юнит-тесты не удается?

Обновить:

Karma Config File:
// Karma configuration
// Generated on Sun May 12 2013 16:57:21 GMT+0200 (CEST)


// base path, that will be used to resolve files and exclude
basePath = '../';


// list of files / patterns to load in the browser
files = [
  JASMINE,
  JASMINE_ADAPTER,
  'test/karma/jquery-1.9.1.min.js',
  'app/assets/javascripts/sugar-1.3.9.min.js',
  'app/assets/javascripts/angular.js',
  'app/assets/javascripts/angular-*.js',
  'app/assets/javascripts/ui-bootstrap-tpls-0.4.0.min.js',
  'app/assets/javascripts/services.js',
  'test/karma/lib/angular/angular-mocks.js',
  'test/karma/unit/*/*.js'
];


// list of files to exclude
exclude = [

];


// test results reporter to use
// possible values: 'dots', 'progress', 'junit'
reporters = ['progress'];


// web server port
port = 9876;


// cli runner port
runnerPort = 9100;


// enable / disable colors in the output (reporters and logs)
colors = true;


// level of logging
// possible values: LOG_DISABLE || LOG_ERROR || LOG_WARN || LOG_INFO || LOG_DEBUG
logLevel = LOG_INFO;


// enable / disable watching file and executing tests whenever any file changes
autoWatch = true;


// Start these browsers, currently available:
// - Chrome
// - ChromeCanary
// - Firefox
// - Opera
// - Safari (only Mac)
// - PhantomJS
// - IE (only Windows)
browsers = ['Chrome'];


// If browser does not capture in given timeout [ms], kill it
captureTimeout = 60000;


// Continuous Integration mode
// if true, it capture browsers, run tests and exit
singleRun = false;

10

angularjs jasmine karma-runner angularjs-service

Источник

user79465 22 сен '13 в 14:02

4 ответа

Решение

У меня была похожая проблема при использовании angular-cookies и angular-file-upload. Я решил это так:

Во-первых, я проверил все зависимости в моем приложении с bower list:

-bash-4.1$ bower list
bower check-new     Checking for new versions of the project dependencies..
 APPNAME#0.0.0 /home/git/APPNAME/test.git
 ├── angular#1.2.28 (1.4.4-build.4150+sha.39ff333 available)
 ├─┬ angular-bootstrap#0.11.2 (latest is 0.13.2)
 │ └── angular#1.2.28 (1.4.4-build.4150+sha.39ff333 available)
 ├─┬ angular-cookies#1.4.3 (1.4.4-build.4150+sha.39ff333 available)
 │ └── angular#1.2.28 incompatible with 1.4.3 (1.4.3 available, latest is 1.4.4-build.4150+sha.39ff333)
 ├─┬ angular-file-upload#1.2.0
 │ └── angular#1.2.28 (1.2.29-build.592+sha.b041b66 available, latest is 1.4.4-build.4150+sha.39ff333)

Как вы увидите, Бауэр говорит мне о несовместимости между угловыми 1.2.28 и 1.4.3, тогда у нас проблема с библиотекой. То же самое для angular-cookies и angular-file-upload.
После этого я просто решил очистить все мои директории bower_components rm -fr bower_components и запустить новый bower install чтобы убедиться, что все библиотеки "только что установлены".

-bash-4.1$ rm -fr bower_components
-bash-4.1$ cd ..
-bash-4.1$ cd ..
-bash-4.1$ bower install
bower jquery#~1.11.0            cached git://github.com/jquery/jquery.git#1.11.3
bower jquery#~1.11.0          validate 1.11.3 against git://github.com/jquery/jquery.git#~1.11.0
bower es5-shim#~3.0.1           cached git://github.com/es-shims/es5-shim.git#3.0.2
bower es5-shim#~3.0.1         validate 3.0.2 against git://github.com/es-shims/es5-shim.git#~3.0.1
bower angular-resource#>=1.2.*  cached git://github.com/angular/bower-angular-resource.git#1.4.3
bower angular-resource#>=1.2.*         validate 1.4.3 against git://github.com/angular/bower-angular-resource.git#>=1.2.*
bower angular-cookies#>=1.2.*            cached git://github.com/angular/bower-angular-cookies.git#1.4.3
bower angular-cookies#>=1.2.*          validate 1.4.3 against git://github.com/angular/bower-angular-cookies.git#>=1.2.*
bower angular-sanitize#>=1.2.*           cached git://github.com/angular/bower-angular-sanitize.git#1.4.3
bower angular-sanitize#>=1.2.*         validate 1.4.3 against git://github.com/angular/bower-angular-sanitize.git#>=1.2.*
bower bootstrap#~3.1.1                   cached git://github.com/twbs/bootstrap.git#3.1.1
bower bootstrap#~3.1.1                 validate 3.1.1 against git://github.com/twbs/bootstrap.git#~3.1.1
bower bootstrap-sass-official#~3.1.1     cached git://github.com/twbs/bootstrap-sass.git#3.1.1+2
bower bootstrap-sass-official#~3.1.1   validate 3.1.1+2 against git://github.com/twbs/bootstrap-sass.git#~3.1.1
bower lodash#~3.9.3                      cached git://github.com/lodash/lodash.git#3.9.3
bower lodash#~3.9.3                    validate 3.9.3 against git://github.com/lodash/lodash.git#~3.9.3
bower angular-socket-io#~0.6.0           cached git://github.com/btford/angular-socket-io.git#0.6.1
bower angular-socket-io#~0.6.0         validate 0.6.1 against git://github.com/btford/angular-socket-io.git#~0.6.0
bower angular-ui-router#~0.2.10          cached git://github.com/angular-ui/ui-router.git#0.2.15
bower angular-ui-router#~0.2.10        validate 0.2.15 against git://github.com/angular-ui/ui-router.git#~0.2.10
bower angular-bootstrap#~0.11.0          cached git://github.com/angular-ui/bootstrap-bower.git#0.11.2
bower angular-bootstrap#~0.11.0        validate 0.11.2 against git://github.com/angular-ui/bootstrap-bower.git#~0.11.0
bower textAngular#~1.4.1                 cached git://github.com/fraywing/textAngular.git#1.4.3
bower textAngular#~1.4.1               validate 1.4.3 against git://github.com/fraywing/textAngular.git#~1.4.1
bower angular-file-upload#~1.2.0         cached git://github.com/nervgh/angular-file-upload.git#1.2.0
bower angular-file-upload#~1.2.0       validate 1.2.0 against git://github.com/nervgh/angular-file-upload.git#~1.2.0
bower angular-mocks#>=1.2.*              cached git://github.com/angular/bower-angular-mocks.git#1.4.3
bower angular-mocks#>=1.2.*            validate 1.4.3 against git://github.com/angular/bower-angular-mocks.git#>=1.2.*
bower angular-google-places-autocomplete#~0.2.7           cached git://github.com/kuhnza/angular-google-places-autocomplete.git#0.2.7
bower angular-google-places-autocomplete#~0.2.7         validate 0.2.7 against git://github.com/kuhnza/angular-google-places-autocomplete.git#~0.2.7
bower angular-scenario#>=1.2.*                            cached git://github.com/angular/bower-angular-scenario.git#1.4.3
bower angular-scenario#>=1.2.*                          validate 1.4.3 against git://github.com/angular/bower-angular-scenario.git#>=1.2.*
bower json3#~3.3.1                                        cached git://github.com/bestiejs/json3.git#3.3.2
bower json3#~3.3.1                                      validate 3.3.2 against git://github.com/bestiejs/json3.git#~3.3.1
bower font-awesome#>=4.1.0                                cached git://github.com/FortAwesome/Font-Awesome.git#4.4.0
bower font-awesome#>=4.1.0                              validate 4.4.0 against git://github.com/FortAwesome/Font-Awesome.git#>=4.1.0
bower angular-google-maps#~2.1.5                          cached git://github.com/angular-ui/angular-google-maps.git#2.1.5
bower angular-google-maps#~2.1.5                        validate 2.1.5 against git://github.com/angular-ui/angular-google-maps.git#~2.1.5
bower angular#1.4.3                                       cached git://github.com/angular/bower-angular.git#1.4.3
bower angular#1.4.3                                     validate 1.4.3 against git://github.com/angular/bower-angular.git#1.4.3
bower font-awesome#>=4.0.x                                cached git://github.com/FortAwesome/Font-Awesome.git#4.4.0
bower font-awesome#>=4.0.x                              validate 4.4.0 against git://github.com/FortAwesome/Font-Awesome.git#>=4.0.x
bower rangy#~1.3.0                                        cached git://github.com/timdown/rangy-release.git#1.3.0
bower rangy#~1.3.0                                      validate 1.3.0 against git://github.com/timdown/rangy-release.git#~1.3.0
bower angular#~1.2.11                                     cached git://github.com/angular/bower-angular.git#1.2.28
bower angular#~1.2.11                                   validate 1.2.28 against git://github.com/angular/bower-angular.git#~1.2.11
bower angular                                         resolution Unsuitable resolution declared for angular: 1.4.1

Unable to find a suitable version for angular, please choose one:
    1) angular#~1.2.11 which resolved to 1.2.28 and is required by angular-file-upload#1.2.0
    2) angular#>=1 which resolved to 1.2.28 and is required by angular-bootstrap#0.11.2
    3) angular#>= 1.0.8 which resolved to 1.2.28 and is required by angular-ui-router#0.2.15
    4) angular#^1.2.6 which resolved to 1.2.28 and is required by angular-socket-io#0.6.1
    5) angular#^1.2.x which resolved to 1.2.28 and is required by angular-google-places-autocomplete#0.2.7
    6) angular#1.2 - 1.4 which resolved to 1.2.28 and is required by angular-google-maps#2.1.5
    7) angular#1.4.3 which resolved to 1.4.3 and is required by angular-cookies#1.4.3, angular-mocks#1.4.3, angular-resource#1.4.3, angular-sanitize#1.4.3, angular-scenario#1.4.3
    8) angular#>=1.3.x which resolved to 1.4.3 and is required by textAngular#1.4.3

Prefix the choice with ! to persist it to bower.json

? Answer: 7!

Бауэр попросил меня выбрать между версиями для angular, и я выбрал 7-й вариант, так как это угловой 1.4.3, самая последняя из версий, необходимых для большинства компонентов моего приложения. После этого bower выполнил установку и связал угловой 1.4.3 со всеми bower_components, которые в нем нуждаются:

bower angular                                         resolution Saved angular#1.4.3 as resolution
bower es5-shim#~3.0.1                                    install es5-shim#3.0.2
bower angular-sanitize#>=1.2.*                           install angular-sanitize#1.4.3
bower bootstrap-sass-official#~3.1.1                     install bootstrap-sass-official#3.1.1+2
bower jquery#~1.11.0                                     install jquery#1.11.3
bower angular-resource#>=1.2.*                           install angular-resource#1.4.3
bower angular-cookies#>=1.2.*                            install angular-cookies#1.4.3
bower angular-bootstrap#~0.11.0                          install angular-bootstrap#0.11.2
bower angular-ui-router#~0.2.10                          install angular-ui-router#0.2.15
bower lodash#~3.9.3                                      install lodash#3.9.3
bower angular-socket-io#~0.6.0                           install angular-socket-io#0.6.1
bower bootstrap#~3.1.1                                   install bootstrap#3.1.1
bower angular-google-places-autocomplete#~0.2.7          install angular-google-places-autocomplete#0.2.7
bower textAngular#~1.4.1                                 install textAngular#1.4.3
bower angular-file-upload#~1.2.0                         install angular-file-upload#1.2.0
bower json3#~3.3.1                                       install json3#3.3.2
bower angular-mocks#>=1.2.*                              install angular-mocks#1.4.3
bower rangy#~1.3.0                                       install rangy#1.3.0
bower angular-google-maps#~2.1.5                         install angular-google-maps#2.1.5
bower font-awesome#>=4.0.x                               install font-awesome#4.4.0
bower angular#1.4.3                                      install angular#1.4.3
bower angular-scenario#>=1.2.*                           install angular-scenario#1.4.3

es5-shim#3.0.2 client/bower_components/es5-shim

angular-sanitize#1.4.3 client/bower_components/angular-sanitize
└── angular#1.4.3

bootstrap-sass-official#3.1.1+2 client/bower_components/bootstrap-sass-official

jquery#1.11.3 client/bower_components/jquery

angular-resource#1.4.3 client/bower_components/angular-resource
└── angular#1.4.3

angular-cookies#1.4.3 client/bower_components/angular-cookies
└── angular#1.4.3

angular-bootstrap#0.11.2 client/bower_components/angular-bootstrap
└── angular#1.4.3

angular-ui-router#0.2.15 client/bower_components/angular-ui-router
└── angular#1.4.3

lodash#3.9.3 client/bower_components/lodash

angular-socket-io#0.6.1 client/bower_components/angular-socket-io
└── angular#1.4.3

bootstrap#3.1.1 client/bower_components/bootstrap
└── jquery#1.11.3

angular-google-places-autocomplete#0.2.7 client/bower_components/angular-google-places-autocomplete
└── angular#1.4.3

textAngular#1.4.3 client/bower_components/textAngular
├── angular#1.4.3
├── font-awesome#4.4.0
└── rangy#1.3.0

angular-file-upload#1.2.0 client/bower_components/angular-file-upload
└── angular#1.4.3

json3#3.3.2 client/bower_components/json3

angular-mocks#1.4.3 client/bower_components/angular-mocks
└── angular#1.4.3

rangy#1.3.0 client/bower_components/rangy

angular-google-maps#2.1.5 client/bower_components/angular-google-maps
├── angular#1.4.3
└── lodash#3.9.3

font-awesome#4.4.0 client/bower_components/font-awesome

angular#1.4.3 client/bower_components/angular

angular-scenario#1.4.3 client/bower_components/angular-scenario
└── angular#1.4.3

И теперь я бегу bower list еще раз, чтобы проверить, как теперь были зависимости:

-bash-4.1$ bower list
bower check-new     Checking for new versions of the project dependencies..
appName#0.0.0 /home/git/appName/test.git
├─┬ angular-bootstrap#0.11.2 (latest is 0.13.2)
│ └── angular#1.4.3 (1.4.4-build.4150+sha.39ff333 available)
├─┬ angular-cookies#1.4.3 (1.4.4-build.4150+sha.39ff333 available)
│ └── angular#1.4.3 (latest is 1.4.4-build.4150+sha.39ff333)
├─┬ angular-file-upload#1.2.0
│ └── angular#1.4.3 incompatible with ~1.2.11 (1.2.29-build.592+sha.b041b66 available, latest is 1.4.4-build.4150+sha.39ff333)
├─┬ angular-google-maps#2.1.5
│ ├── angular#1.4.3 (1.4.4-build.4150+sha.39ff333 available)
│ └── lodash#3.9.3 (3.10.1 available)
├─┬ angular-google-places-autocomplete#0.2.7
│ └── angular#1.4.3 (1.4.4-build.4150+sha.39ff333 available)
├─┬ angular-mocks#1.4.3 (1.4.4-build.4150+sha.39ff333 available)
│ └── angular#1.4.3
├─┬ angular-resource#1.4.3 (1.4.4-build.4150+sha.39ff333 available)
│ └── angular#1.4.3
├─┬ angular-sanitize#1.4.3 (1.4.4-build.4150+sha.39ff333 available)
│ └── angular#1.4.3
├─┬ angular-scenario#1.4.3 (1.4.4-build.4150+sha.39ff333 available)
│ └── angular#1.4.3
├─┬ angular-socket-io#0.6.1 (latest is 0.7.0)
│ └── angular#1.4.3 (1.4.4-build.4150+sha.39ff333 available)
├─┬ angular-ui-router#0.2.15
│ └── angular#1.4.3 (1.4.4-build.4150+sha.39ff333 available)
├─┬ bootstrap#3.1.1 (latest is 3.3.5)
│ └── jquery#1.11.3 (3.0.0-alpha1+compat available)
├── bootstrap-sass-official#3.1.1+2 (latest is 3.3.5)
├── es5-shim#3.0.2 (latest is 4.1.10)
├── font-awesome#4.4.0
├── jquery#1.11.3 (latest is 3.0.0-alpha1+compat)
├── json3#3.3.2
├── lodash#3.9.3 (latest is 3.10.1)
└─┬ textAngular#1.4.3
  ├── angular#1.4.3 (1.4.4-build.4150+sha.39ff333 available)
  ├── font-awesome#4.4.0
  └── rangy#1.3.0

Как вы увидите, я все еще вижу несовместимую зависимость в компоненте angular-file-upload. Затем я запускаю компонент dir и устанавливаю ЛОКАЛЬНО ДЛЯ ЭТОГО КОМПОНЕНТА новую версию angular (необходимую для самого компонента):

-bash-4.1$ cd client/
-bash-4.1$ cd bower_components/
-bash-4.1$ cd angular-file-upload/
-bash-4.1$ bower install angular --save
bower angular#*                 cached git://github.com/angular/bower-angular.git#1.4.3
bower angular#*               validate 1.4.3 against git://github.com/angular/bower-angular.git#*

Unable to find a suitable version for angular, please choose one:
    1) angular#~1.2.11 which resolved to 1.2.28 and is required by angular-file-upload
    2) angular#~1.4.3 which resolved to 1.4.3

Prefix the choice with ! to persist it to bower.json

? Answer: 1!
bower angular               resolution Saved angular#~1.2.11 as resolution

После этого все прошло нормально и больше не было проблем с внедрением или зависимостями. Надеюсь, это поможет вам.

4

Источник

user3617531 07 авг '15 в 10:32

ОП создал перехватчик, используя фабрику. Однако я исправил некоторый код и увидел, что перехватчик создан как провайдер....

.provider('myHttpInterceptor', function 
    HttpInterceptorProvider($injector, _, apiConfig) {
                var self = this;
...

Если у вас возникла такая ситуация и вы наткнулись на этот ТАК вопрос, вот как я решил свою проблему.

Я попытался подключить $ cookieStore к этой функции и даже попытался использовать $ inject, но продолжал получать неизвестный провайдер CookieStore (отсюда и я нашел этот пост)

Я решил свою проблему, найдя метод $ get и добавив туда cookie-файл.

this.$get = function($q, $cookieStore, myCache) {
                return {
                    'request': function(config) {
...

Оглядываясь назад, это вполне соответствует документации рецепта провайдера.

0

Источник

user2668545 06 июл '15 в 17:53

Ключевым моментом является версия angular.js, а версия angular-cookies должна быть одинаковой.

после того, как я сопоставил их, это сработало для меня.

0

Источник

user1696393 12 авг '15 в 12:05

Другие вопросы по тегам angularjs jasmine karma-runner angularjs-service

user910844 24 сен '13 в 00:34 2013-09-24 00:34 · Accepted Answer · 2013-09-24 00:34

Из приведенных выше комментариев кажется, что зависимость от 'ngCookies' объявлена в отдельном модуле.

Чтобы это исправить, попробуйте объявить это в вашем сервисном модуле:

var serviceModule = angular.app('App.services', ['ngCookies']);

Это рекомендуемый способ исправить это.

Если по какой-то причине вы не можете изменить определение serviceModule, вы также можете объявить его снова в своих модульных тестах:

beforeEach(module('ngCookies','App.services'));

Однако я бы порекомендовал вам изменить его в своей кодовой базе, чтобы ваш serviceModule не зависел от вашего основного модуля приложения, чтобы он функционировал должным образом.