Question

I’m trying to setup my AngularJS application to test out controllers, routes, templates and so on, but I’m having an issue getting some of the helper methods provided by the angular-mocks.js to work (namely module and inject).

I’m using testacular to load up the test suite with the following files added before the specs:

files = [
  MOCHA,
  MOCHA_ADAPTER,
  '../application/lib/angular.min.js',
  './lib/angular/angular-mocks.js',
  './lib/angular/angular-scenario.js',
  '../application/application.js',
  './lib/chai.js',
  './lib/chai-should.js',
  './lib/chai-expect.js',
  './spec/**/*.js'
];

So far so good, but when I run the tests I get this issue:

ReferenceError: Can't find variable: module

Not sure where this is loaded. Am I missing something?

Answer 1

First thing to check is that all those files are getting loaded in the test browser. It’s surprisingly easy to get a path wrong in your config and not realize it. If you’re running testacular with autowatch, you can navigate to http://localhost:9876/context.html with a browser and use developer tools inspect elements/resources/network and see if anything is missing.

If everything is good there and you’re still having problems, post some of your test code and I’ll take a look.

UPDATE: It appears (strangely) from the comments in the source for angular-mocks.js (line 1635) that window.module is only available with Jasmine. It looks like you’re using Mocha instead of Jasmine. This is very likely the culprit.

ANSWER:

I can’t rightly take credit for this Matsko, since you figured it out yourself… but it turns out that the current AngularJS stable download and angular-seed contain an older version of ngMock that doesn’t support Mocha. Manually replacing the mock file with the latest from the github repo solves the problem. Glad I could help 😉