What is ts-mocha?
The ts-mocha package is a TypeScript test runner for Mocha, allowing you to write and run Mocha tests in TypeScript without needing to compile your TypeScript files beforehand. It simplifies the process of testing TypeScript code by integrating directly with Mocha.
What are ts-mocha's main functionalities?
Running TypeScript Tests
This feature allows you to run Mocha tests written in TypeScript directly. The code sample demonstrates a simple test case using Mocha's `describe` and `it` functions to test an array's `indexOf` method.
const assert = require('assert');
describe('Array', function() {
describe('#indexOf()', function() {
it('should return -1 when the value is not present', function() {
assert.strictEqual([1, 2, 3].indexOf(4), -1);
});
});
});
Integration with TypeScript
This feature highlights the ability to use TypeScript-specific features such as type annotations within your tests. The code sample shows a test case using Chai's `expect` assertion library to validate a TypeScript variable.
import { expect } from 'chai';
describe('TypeScript Test', () => {
it('should support TypeScript features', () => {
const result: number = 5;
expect(result).to.equal(5);
});
});
Configuration via tsconfig.json
This feature allows you to configure TypeScript compilation settings using a `tsconfig.json` file. The code sample shows a basic `tsconfig.json` configuration that specifies compiler options and includes/excludes certain files.
{
"compilerOptions": {
"module": "commonjs",
"target": "es6",
"outDir": "./dist",
"rootDir": "./src",
"strict": true
},
"include": ["src/**/*.ts"],
"exclude": ["node_modules"]
}
Other packages similar to ts-mocha
mocha
Mocha is a feature-rich JavaScript test framework running on Node.js and in the browser, making asynchronous testing simple and fun. While Mocha itself does not support TypeScript out of the box, it can be used with TypeScript by using additional tools like ts-node or by pre-compiling TypeScript files.
jest
Jest is a delightful JavaScript Testing Framework with a focus on simplicity. It works with projects using Babel, TypeScript, Node.js, React, Angular, Vue.js, and Svelte. Jest has built-in support for TypeScript, making it a popular choice for testing TypeScript projects.
ava
AVA is a test runner for Node.js with a concise API, detailed error output, and process isolation. It supports TypeScript through the use of additional configuration and tools like ts-node, similar to how ts-mocha operates.
TS-Mocha
Mocha thin wrapper that allows running TypeScript tests with TypeScript runtime (ts-node) to get rid of compilation complexity.
All Mocha features are available without any limitation.
Why?
To setup Mocha with TypeScript you have to figure out how to integrate them to work together, it's not an easy task and require some advanced knowledge.
This package handles for you this complexity and let you use ts-mocha just as regular mocha that will handle TypeScript .ts
and .tsx
files. Also added some useful options, you can find them below.
How?
TS-Mocha has one only dependency - ts-node, which is used as a TypeScript runtime to execute tests that can import and run imported TypeScript source files as well. It is as a thin wrapper that run local mocha package and set up ts-node environment to handle .ts
and .tsx
files. To speed up TypeScript tests execution type-checking is disabled, using only transpile module.
NOTE: This package does not include Mocha - I have set Mocha as peer dependency on purpose, so I don't lock consumer to a specific Mocha version but most importantly, I don't have to update this package when Mocha is updated, and all the new features will be available automatically from your local Mocha package. Also integration with your existing Mocha setup is non-invasive.
PRO TIP: To make your developer experience better I recommend to run type-checking in a separate process by starting TSC compiler (preferably in watch mode) in you terminal with --noEmit and --project flags.
Installation
npm i -D ts-mocha
npm i -D @types/mocha @types/expect
Usage
- CLI Usage:
All options supported by Mocha plus one extra below:
-p, --project <value>
- relative or absolute path to directory containing tsconfig.json
(equivalent of tsc -p <value>
) [default: "."]
For example:
ts-mocha -p src/ src/**/*.spec.ts
- Programmatic usage:
In code you can use ts-mocha by adding a single require at the beginning of your script:
process.env.__TS_PROJECT_PATH__ = './src';
require('ts-mocha');
For example:
process.env.__TS_PROJECT_PATH__ = './src';
require('ts-mocha');
const Mocha = require('mocha');
const mocha = new Mocha();
mocha.addFile(`./src/file.spec.ts`);
mocha.run((failures) => {
process.on('exit', () => {
process.exit(failures);
});
});