How to import “describe” and “it” from mocha in Ty

Question

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'?

Answer 1

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 2

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

Answer 3

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