How to import “describe” and “it” from mocha in TypeScript?

Question

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

Is t

Answer 1

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
  });
});

Answer 2

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"
    ]
  }
}

Answer 3

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