Ace
Ace

Reputation: 1402

How to import "describe" and "it" from mocha in TypeScript?

By default, when importing mocha in TypeScript, it brings in describe and it (and some others) into the global namespace.

Is there a way to bring in specific imports like import {describe, it} from 'mocha'?

Upvotes: 42

Views: 35578

Answers (3)

ubershmekel
ubershmekel

Reputation: 12818

I was having issues with errors and warnings, the problem stemmed from me renaming tsconfig.json to something else which makes Visual Studio Code enter "File Scope" instead of "Explicit Project". That made it impossible to import it without a red squiggly. Now that I've renamed the config back to tsconfig.json then import 'mocha'; works as Eryk mentioned.

https://code.visualstudio.com/Docs/languages/typescript

Upvotes: -1

Eryk Warren
Eryk Warren

Reputation: 855

Install mocha and its types:

npm install mocha --save-dev
npm install @types/mocha --save-dev

Then, simply import mocha in your test files:

import 'mocha';

describe('my test', () => {
  it('does something', () => {
    // your test
  });
});

Upvotes: 69

jgillich
jgillich

Reputation: 76339

Since TypeScript 2.0, you can add mocha to the types configuration of your tsconfig.json and it will always be loaded:

{
  "compilerOptions": {
    "types": [
      "mocha"
    ]
  }
}

Upvotes: 28

Related Questions