Inclure les dépendances dans le Karma fichier de test Angulaire de l'app?

Je suis en train d'essayer de démarrer avec le Karma tests, en les ajoutant à un existant Angulaire de l'app.

C'est ma principale application fichier de définition:

angular
  .module('myApp', [
    'ngRoute',
    'moduleAdherence'
  ]);

C'est mon contrôleur de fichier:

   angular
    .module('moduleAdherence', [])
    .controller('AdherenceCtrl', ['$scope', function ($scope) {
      $scope.awesomeThings = [1,2,3,4];
    }]);

C'est mon premier coup de couteau à un fichier:

describe('Controller: AdherenceCtrl', function () {
  beforeEach(module('myApp'));
  var MainCtrl,
    scope;
  beforeEach(inject(function ($controller, $rootScope) {
    scope = $rootScope.$new();
    MainCtrl = $controller('AdherenceCtrl', {
      $scope: scope
    });
  }));
  it('should attach a list of awesomeThings to the scope', function () {
    expect(scope.awesomeThings.length).toBe(4);
  });
});

Lorsque j'essaie d'exécuter ce avec grunt test, il échoue avec l'erreur suivante:

Uncaught Error: [$injector:nomod] Module 'd3' is not available! 
You either misspelled the module name or forgot to load it. 
If registering a module ensure that you specify the dependencies 
as the second argument.
http://errors.angularjs.org/1.2.0/$injector/nomod?p0=d3
at /Users/me/Dropbox/projects/myapp/app/bower_components/angular/angular.js:1498

Je ne comprends pas, parce que ce contrôleur ne pas Utiliser de D3. Je ne l'utilisation de D3 ailleurs dans l'application, dans une directive, mais je ne suis pas de l'enregistrer avec le module (j'utilise l'externe D3 fichier).

Pourquoi est-Karma remarquer D3? Ne devrait-elle pas être en mesure de tester ce contrôleur sans D3?

Où est le module myApp défini? Et MainCtrl?
Désolé - fautes de frappe lors du changement de nom pour la consommation publique, c'est corrigé. Le problème est toujours le même.
Compris - j'ai dû charger les dépendances de manière explicite dans karma.config.js, dans le files section.
super, merci de l'ajouter comme une solution!
Utilisation karma-angular-filesort

InformationsquelleAutor Richard | 2013-11-21

Dans le karma fichier de configuration (karma.conf.js), vous devez définir toutes les bibliothèques.

etc.

    //list of files /patterns to load in the browser
    files: [
        'app/lib/angular/angular.js',
        'app/lib/angular-route/angular-route.js',
        'test/lib/angular-mocks.js',
        'app/app.js',
        'app/controllers/*.js',
        'app/services/*.js',
        'app/*',
        'test/spec/**/*.js'
    ],

la clé ici est que app/app.js - où l'angle de module est défini se produit avant que tous les fichiers js qui font référence à l'angle de module

InformationsquelleAutor Branislav Djuric

34

A eu un problème similaire et ma solution (inspiré d'une certaine manière par @danba commentaire) a été de charger les scripts dans le files dans le exacte même ordre qu'ils ont été chargés dans le index.html.
Dans mon cas, d'expansion des formes comme app/scripts/**/*.js ont été à l'origine de la difficulté à le karma, qui constamment jeté des erreurs.

Peut-être pas la solution la plus élégante pour copier tous les scripts de définitions, mais il a travaillé à la fin, donc mon test pourrait finalement revenir en cours d'exécution. Espérons que cela aide.

EDIT: d'Édition parce qu'aujourd'hui j'ai probablement (et espérons) a obtenu le coup de ce qui n'allait pas ici. Il semble donc que le Karma n'est pas comme d'expansion des motifs lors de la même module est défini dans un fichier, et utilisé dans de nombreux fichiers différents. Disons que votre structure de dossier comme ceci:

Supposons que, dans AuthService.js vous avez votre définition de module pour tous vos services dans ce dossier, de sorte que le fichier commence par:
```
angular.module('myApp.services', [
  'myApp.urls',
  'ngCookies'
])
```
Puis dans tous les autres fichiers que vous êtes tout simplement joindre d'autres services de ce même module. Dans l'image tokenService.js serait de commencer avec:
```
angular.module('myApp.services');
```
Si tout reste cette façon, tout fonctionnera probablement. Mais si, par hasard, je définir le module dans l'autre sens, de sorte que le module de définition n'est pas plus dans la premier fichier de ce dossier, mais sur un autre que le Karma lit après AuthService puis il lèvera une erreur et de refuser d'effectuer les tests.

Solution 1

Une solution pourrait être de mettre le module de définition dans son propre fichier, en commençant par un caractère de soulignement. Enfin, que tous les frères et sœurs fichiers dépendent que celle(s). Si le dossier ci-dessus, la structure devrait être:

Solution 2

Un autre - et probablement la meilleure solution est de marquer les fichiers où les modules sont définis avec un suffixe commun/extension par exemple service.module.js, alors que les fichiers qui en dépendent pourrait être nommé normalement comme authService.js, tokenService.js.
Le Karma de configuration au point de devenir quelque chose comme:
```
//list of files /patterns to load in the browser
files: [
    'app/lib/angular/angular.js',
    'test/lib/angular-mocks.js',
    'app/app.js',
    'app/**/*.module.js', //<-- first the module definitions...
    'app/**/*.js', //<-- ..then all the other files
    'test/spec/**/*.js'
],
```
De cette façon, le karma va charger les modules définitions d'abord et ensuite les fichiers qui en dépendent.
- J'ai exactement le même problème. Je suis à la recherche de la meilleure solution.
- vérifier ma mise à jour, j'espère qu'il va travailler pour votre cas d'utilisation, il peut être intéressant de voir si cela résout le problème pour d'autres personnes.
- j'ai ce même problème. J'aime #2 si...semble être un bon compromis
- Je vous remercie. Vous avez fait ma journée. Expérimentalement venir à la solution n ° 2, mais sans "d'abord le module de définitions...".
- La partie étrange est, j'ai eu mes fichiers organisé exactement comme montré à la solution n ° 2, même avant de venir à cette question, mais encore le karma ne charge pas mes fichiers!!!! Je me demande ce qui, dans l'enfer qui se passe dans mon cas!
- La deuxième solution a fonctionné pour moi, merci! Été à ce pour plus d'une semaine!
InformationsquelleAutor Nobita
1

J'ai aussi eu le même problème, dans mon cas, le problème s'est produite parce qu'il y avait plusieurs fichiers par module qui est une mauvaise pratique car nous pouvons point à ne pas initialisé module. Résolu ce problème en incluant simplement un fichier par module.
- Eu le même problème, résolu par l'ajout de scripts afin 'app/scripts/app.js', 'app/scripts/**/*Module.js', 'app/scripts/*.js', 'app/scripts/**/*.js' de sorte que tous les fichiers qui incluent des déclarations de module sont inclus avant que tous les fichiers qui peuvent exiger de l'modules.
- Que voulez-vous dire exactement par "nous avons eu plusieurs fichiers par module"?
InformationsquelleAutor stanislav.chetvertkov
1

Toujours charger le non version minifiée angulaire dans le karma.
il affiche des erreurs et de vous aider à mieux connaître ce qu'il faut changer.
Dans votre cas, c'est l'ordre des fichiers en cours de chargement par le karma.

InformationsquelleAutor Hichem ben chaabene
1

Vérifier votre index.html que vous ne comprennent pas quelque chose par une balise de script comme.
```
 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5angular-resource.js"
```
Tous les Javascript de votre fichier doit être dans votre karma.config.js

InformationsquelleAutor lars1595
1

Voici une solution simple qui a fonctionné pour moi, basé sur la Solution ci-dessus #1 par @Nobita, ET @danba commentaire.

Dans karma.conf.js explicitement, en charge de la condition du fichier ci-dessus le modèle qui tire dans le reste:
```
files: [
    ...
    'app/module.js',
    'app/*.js'
]
```
Karma ne semble pas à l'esprit que le modèle correspond 'module.js'.
- Merci, cela m'a fait un pas de plus!
InformationsquelleAutor sb333

Vous devez vous connecter pour publier un commentaire.

Solution 1

Solution 2