Il servizio di test nel modulo Ritorni angolari non è definito

Sto cercando di eseguire il test dell'unità di servizio predefinito nel mio progetto (Tratto dal progetto Angular Seed su GitHub), ma continuo a ricevere l'errore "modulo non definito".

Ho letto che potrebbe avere a che fare con l'ordine dei file JavaScript di riferimento , ma non riesco a farlo funzionare, quindi spero che uno di voi possa essere in grado di aiutare.

La mia configurazione per il test è simile alla seguente:

basePath = '../';

files = [
'public / javascripts / lib / jquery-1.8.2.js',
'public / javascripts / lib / angular.js',
'public / javascripts / lib / angular- .js',
'public / app.js ',
' public / controllerers / .js ',
' public / directives.js ',
' public / filters.js ',
' public / services.js ',
JASMINE,
JASMINE_ADAPTER,
' public / javascripts / lib / angular -mock. js ',
' test / unit / *. js '];

autoWatch = true;

browser = ['Chrome'];

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

Il servizio è simile al seguente:

angular.module('myApp.services', []).
  value('version', '0.1');

Il test è simile al seguente:

'use strict';

describe('service', function() {
  beforeEach(module('myApp.services'));


  describe('version', function() {
    it('should return current version', inject(function(version) {
      expect(version).toEqual('0.1');
    }));
  });
});

E l'errore durante l'esecuzione del test attraverso testacular è questo:

ReferenceError: il modulo non è definito

Manca il file angular-mocks.js .

Ho avuto lo stesso problema e ho capito perché non funzionava: il javascript jasmine.js deve essere referenziato PRIMA del file angular-mocks.js. Infatti, angular-mocks.js controlla se Jasmine è caricato e solo se lo è aggiunge la funzione del modulo alla finestra.

Ecco un estratto del codice di Angular Mocks:

(Modifica dopo i pochi commenti sull'hacking che ho avuto di seguito: questo è solo un estratto del codice, questo non è qualcosa che devi scrivere da solo, è già lì!)

window.jasmine && (function(window) {

[...]

  window.module = angular.mock.module = function() {
    var moduleFns = Array.prototype.slice.call(arguments, 0);
    return isSpecRunning() ? workFn() : workFn;
    /////////////////////
    [...]
  };

In breve: basta fare riferimento a jasmine.js prima di angular-mocks.js e partire.

La window.modulefunzione è disponibile in angular-mocks.js ed è una scorciatoia per angular.mock.module. Come menzionato nei documenti , la modulefunzione funziona solo con Jasmine.

Utilizzando Testacular , verrà caricato il seguente file di configurazione di esempio angular-mocks.js.

/** example testacular.conf.js */

basePath = '../';
files = [
  JASMINE,
  JASMINE_ADAPTER,
  'path/to/angular.js',
  'path/to/angular-mocks.js',   // for angular.mock.module and inject.
  'src/js/**/*.js',             // application sources
  'test/unit/**/*.spec.js'      // specs
];
autoWatch = true;
browsers = ['Chrome'];

E, come suggerito altrove, puoi eseguire Testacular con la registrazione di debug per vedere quali script sono caricati (puoi anche vedere lo stesso nella finestra di ispezione):

testacular --log-level debug start config/testacular.conf.js

I angular.mock.injectdocumenti includono un esempio abbastanza completo.

Usiamo 'module' senza 'angular' nei nostri test unitari e funziona benissimo.

CoffeeScript:

describe 'DiscussionServicesSpec', ->
    beforeEach module 'DiscussionServices'
    beforeEach inject ... etc.

che compila a

JavaScript:

describe('DiscussionServices', function() {
    beforeEach(module('DiscussionServices'));
    beforeEach(inject(function ... etc.

L'unica volta che vedo qualcosa di simile all'errore che hai descritto è se nel file testacular.conf.js il file angular-mocks.js non è elencato nella sezione dei file prima che le specifiche tentino di utilizzare 'module'. Se lo inserisco dopo i miei test nell'elenco "file", ottengo

ReferenceError: Can't find variable: module

(I nostri test vengono eseguiti tramite PhantomJS)

Avevo incluso angular-mocks.js nella mia configurazione del karma, ma continuavo a riscontrare l'errore. Si scopre che l'ordine è importante nell'array di file. (duh) Proprio come nella testa di un documento html, se uno script chiama angolare prima che sia definito e si verifica un errore. Quindi ho dovuto includere il mio app.js dopo angular.js e angular-mocks.js.

Se stai usando Yeoman e il suo generatore angolare, probabilmente ottieni questo errore. Soprattutto quando esegui il Tutorial (._.) L'
ho corretto copiando il file angular-mocks.js, dalla directory bower_components / angular-mocks alla directory test / mock. Ovviamente devi essere sicuro che il tuo file karma.conf.js sia configurato correttamente.
Saluti!

Ho avuto lo stesso problema quando stavo facendo qualcosa del genere var module = angular.module('my',[]). Dovevo assicurarmi che fosse circondato da IIFE