Angular unit test with TypeScript: TS2304: Cannot find name 'module'

Question

I'm trying to write my first Angular unit test in TypeScript and I'm getting the follow error and can not find out why. If any one has any idea please let me know.

TS2304: Cannot find name 'module'.

test code:

/// <reference path="../typings/karma-jasmine/karma-jasmine.d.ts" />
/// <reference path="../typings/angularjs/angular-mocks.d.ts" />

describe("FooTest", () => {
    beforeEach(module("app"));

});

I'm use TSD (TypeScript Definition manager) to manage my TypeScript definitions.

tsd.json

{
  "version": "v4",
  "repo": "borisyankov/DefinitelyTyped",
  "ref": "master",
  "path": "typings",
  "bundle": "typings/tsd.d.ts",
  "installed": {
    "jquery/jquery.d.ts": {
      "commit": "ef32bff4d15782dbbabf99ecb17ba22119cc2bd2"
    },
    "angularjs/angular.d.ts": {
      "commit": "ef32bff4d15782dbbabf99ecb17ba22119cc2bd2"
    },
    "karma-jasmine/karma-jasmine.d.ts": {
      "commit": "ef32bff4d15782dbbabf99ecb17ba22119cc2bd2"
    },
    "jasmine/jasmine.d.ts": {
      "commit": "ef32bff4d15782dbbabf99ecb17ba22119cc2bd2"
    },
    "angularjs/angular-mocks.d.ts": {
      "commit": "ef32bff4d15782dbbabf99ecb17ba22119cc2bd2"
    }
  }
}

I'm use IntelliJ IDEA 14

Thanks, Stefan

just don't run tsc on that spec / mocks / d.ts file? or define var module: any; — YOU
– YOU, Commented Oct 2, 2015 at 8:07
@YOU sorry I don't understand what you mean by just don't run tsc on that spec / mocks / d.ts file? that. — stevo
– stevo, Commented Oct 2, 2015 at 8:14

Luca Trazzi · Accepted Answer · 2016-06-21 15:16:11Z

16

Recently Angular team commented the global module in angular-mocks

//Use `angular.mock.module` instead of `module`, as `module` conflicts with commonjs.
//declare var module: (...modules: any[]) => any;

In order to make your test compile you need to use full namespace, so angular.mock.module

example:

beforeEach(function () {
  angular.mock.module('app');
}

edited Jun 21, 2016 at 15:16

answered Nov 30, 2015 at 14:38

Luca Trazzi

1,2601 gold badge13 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

lwalden Over a year ago

I encountered exactly this issue, this worked perfectly. Thanks!

Jay Over a year ago

I get the issue where it says that angular doesn't have a property "mock" on it, is there some definition file I'm missing? I have angular-mock that's already on dt, not sure if I need another one

Luca Trazzi Over a year ago

I have angular-mocks, with the final S, is this what you got or angular-mock?

anon · Accepted Answer · 2015-12-15 13:56:19Z

5

before:

beforeEach(function () {
  module('app');
}

after:

beforeEach(function () {
  angular.mock.module('app');
}

answered Dec 15, 2015 at 13:56

anon

Comments

David Votrubec · Accepted Answer · 2015-10-02 08:35:47Z

0

My guess:

you are using angular-mocks.d.ts but I don't see angular-mocks.ts anywhere.

d.ts files contain only the type definitions, not the actual implementation. So you will need both.

PS: I think that angular-mocks.ts has only the .js version :)

answered Oct 2, 2015 at 8:35

David Votrubec

4,1843 gold badges35 silver badges46 bronze badges

Collectives™ on Stack Overflow

Angular unit test with TypeScript: TS2304: Cannot find name 'module'

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related