Webstorm karma/jasmine angularjs testing - reference error module is undefined

Hi I'm trying to set up webstorm to develop angularjs. I've followed the instructions athttp://blog.jetbrains.com/webstorm/2013/10/running-javascript-tests-with-karma-in-webstorm-7/ and I'm trying to run the test at http://docs.angularjs.org/tutorial/step_02 having followed the tutorial in webstorm


----
describe('PhoneCat controllers', function() {
  beforeEach(module('phonecatApp'));

  describe('PhoneListCtrl', function(){

    it('should create "phones" model with 3 phones', inject(function($controller) {
      var scope = {},
          ctrl = $controller('PhoneListCtrl', { $scope: scope });

      expect(scope.phones.length).toBe(3);
    }));
  });
});
----

I'm getting the following error


----
"C:\Program Files (x86)\nodejs\node.exe" "C:\Program Files (x86)\JetBrains\WebStorm 7.0.3\plugins\js-karma\js_reporter\karma-intellij\lib\intellijRunner.js" --karmaPackageDir=C:\Users\L\node_modules\karma --serverPort=9876 --urlRoot=/
Testing started at 21:02 ...

    ReferenceError: module is not defined
        at null.<anonymous> (C:/Users/L/WebstormProjects/AngularJS/test/unit/ControllerTests.js:4:16)
        at C:/Users/L/WebstormProjects/AngularJS/test/unit/ControllerTests.js:3:1


Process finished with exit code 0

My directory layout is
test/unit/ControllerTest.js
test/karma.conf.js
karma.conf.js below, any help greatly appreciated -

// Karma configuration
// Generated on Sun Feb 16 2014 20:49:06 GMT+0000 (GMT Standard Time)

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

    // base path, that will be used to resolve files and exclude
    basePath: '',


    // frameworks to use
    frameworks: ['jasmine'],


    // list of files / patterns to load in the browser
    files: [
      {pattern: '*.js', included: true},
      {pattern: 'unit/*.js', included: true}
    ],


    // list of files to exclude
    exclude: [
    ],


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


    // web server port
    port: 9876,


    // enable / disable colors in the output (reporters and logs)
    colors: true,


    // level of logging
    // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
    logLevel: config.LOG_INFO,


    // enable / disable watching file and executing tests whenever any file changes
    autoWatch: true,


    // Start these browsers, currently available:
    // - Chrome
    // - ChromeCanary
    // - Firefox
    // - Opera (has to be installed with `npm install karma-opera-launcher`)
    // - Safari (only Mac; has to be installed with `npm install karma-safari-launcher`)
    // - PhantomJS
    // - IE (only Windows; has to be installed with `npm install karma-ie-launcher`)
    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
  });
};
0
3 comments

Hello!

You are missing the angular-mocks.js in the dependencies list
I'm attaching a sample project based on the mentioned tutorial that works fine for me



Attachment(s):
angular_karma_tut.zip
0

Thank you so much Elena, I had suspected it was something simple like this but I went from knowing nothing about angular and karma to installing webstorm, node, angular and karma in about 8 hours so I was a bit fried :)

0

Please note it seems to be necessary to say:
module.exports = function (karma) {
    karma.set({

and not

module.exports = function (karma) {
    karma.configure({

using the latest version of Karma.

0

Please sign in to leave a comment.