Painless JavaScript Unit Testing
-
Adaptable: Jest uses Jasmine assertions by default and Jest is modular, extendible and configurable.
-
Sandboxed and Fast: Jest virtualizes JavaScript environments, provides browser mocks and runs tests in parallel across workers.
-
Mock by Default: Jest automatically mocks JavaScript modules, making most existing code testable.
<generated_getting_started_start /> First install Jest with npm by running:
npm install --save-dev jest-cli
Great! Now let's get started by writing a test for a hypothetical sum.js
file:
function sum(a, b) {
return a + b;
}
module.exports = sum;
Create a directory __tests__/
with a file sum-test.js
:
it('adds 1 + 2 to equal 3', () => {
const sum = require('../sum');
expect(sum(1, 2)).toBe(3);
});
Add the following to your package.json
:
"scripts": {
"test": "jest"
}
Run npm test
:
PASS __tests__/sum-test.js
Please read the API documentation to learn about all available assertions, ways of writing tests, configuration options and Jest specific APIs.
The code for this example is available at examples/getting_started.
And you are ready to enjoy working with Jest!
If you'd like to use Babel, it can easily be enabled:
npm install --save-dev babel-jest babel-polyfill
Don't forget to add a .babelrc
file
in your project's root folder. For example, if you are using ES2015 and
React.js with the
babel-preset-es2015
and
babel-preset-react
presets:
{
"presets": ["es2015", "react"]
}
You are now set up to use all ES2015 features and React specific syntax, for example:
import React from 'react';
import ReactDOM from 'react-dom';
import TestUtils from 'react-addons-test-utils';
import CheckboxWithLabel from '../CheckboxWithLabel';
it('CheckboxWithLabel changes the text after click', () => {
// Render a checkbox with label in the document
const checkbox = TestUtils.renderIntoDocument(
<CheckboxWithLabel labelOn="On" labelOff="Off" />
);
const checkboxNode = ReactDOM.findDOMNode(checkbox);
// Verify that it's Off by default
expect(checkboxNode.textContent).toEqual('Off');
// ...
});
And you are good to go! The next time you run Jest it will print something like
Using Jest CLI v<version>, jasmine2, babel-jest
The React, Relay and react-native repositories have excellent examples of tests written by Facebook engineers.
Check out the React tutorial and the React-Native tutorial to get started with React or React-Native codebases.
We recommend using React's test renderer (npm install --save-dev react-test-renderer
) to capture snapshots with Jest's snapshot feature. Write a test using toMatchSnapshot
:
import renderer from 'react-test-renderer';
it('renders correctly', () => {
const tree = renderer.create(
<Link page="http://www.facebook.com">Facebook</Link>
).toJSON();
expect(tree).toMatchSnapshot();
});
and it will produce a snapshot like this:
exports[`Link renders correctly 1`] = `
<a
className="normal"
href="http://www.facebook.com"
onMouseEnter={[Function bound _onMouseEnter]}
onMouseLeave={[Function bound _onMouseLeave]}>
Facebook
</a>
`;
On subsequent test runs, Jest will compare the stored snapshot with the rendered output and highlight differences. If there are differences, Jest will ask you to fix your mistake and can be re-run with jest -u
to update an outdated snapshot.
On large projects and applications it is often not feasible to run thousands of
tests when a single file changes. Jest uses static analysis to look up
dependency trees in reverse starting from changed JavaScript files only. During
development, it is recommended to use jest -o
or jest --onlyChanged
which
will find tests related to changed JavaScript files and only run relevant tests.
Jest can be installed globally: npm install -g jest-cli
which will make a
global jest
command available that can be invoked from anywhere within your
project.
Promises and even async/await can be tested easily.
Assume a user.getUserName
function that returns a promise, now consider this
async test with Babel and
babel-plugin-transform-async-to-generator
or
babel-preset-stage-3
:
import * as user from '../user';
// The promise that is being tested should be returned.
it('works with promises', () => {
return user.getUserName(5)
.then(name => expect(name).toEqual('Paul'));
});
it('works with async/await', async () => {
const userName = await user.getUserName(4);
expect(userName).toEqual('Mark');
});
Check out the Async tutorial for more.
Jest isolates test files into their own environment and isolates module
execution between test runs. Jest swaps out require()
to inject mocks that
were either created manually
by the user or automatic mocks through the
automocking feature.
Jest can automatically re-run tests when files change:
jest --watch
If you don't want to wait until a full test run completes --bail
can
be used to abort the test run after the first error.
Code coverage can be generated easily with --coverage
.
-----------------------|----------|----------|----------|----------|
File | % Stmts | % Branch | % Funcs | % Lines |
-----------------------|----------|----------|----------|----------|
react/ | 91.3 | 60.61 | 100 | 100 |
CheckboxWithLabel.js | 91.3 | 60.61 | 100 | 100 |
-----------------------|----------|----------|----------|----------|
Jest can be integrated into Continuous Integration test runs and wrapped with other scripts to further analyze test results.
Example Output:
{
"success": true,
"startTime": 1456983486661,
"numTotalTests": 1,
"numTotalTestSuites": 1,
"numRuntimeErrorTestSuites": 0,
"numPassedTests": 1,
"numFailedTests": 0,
"numPendingTests": 0,
"testResults":[
{
"name": "react/__tests__/CheckboxWithLabel-test.js",
"status": "passed",
"startTime": 1456983488908,
"endTime": 1456983493037
}
]
}
Web Inspector can be used to debug both the application code and the testing
code. To set this up, first verify that you have both node-inspector
and
node-debug
installed.
which node-inspector
which node-debug
Install packages that you are missing.
npm install -g node-inspector node-debug
Run node-debug
with the Jest binary as the target.
node-debug node_modules/jest-cli/bin/jest.js -i
You should see that Node Inspector has been started in the prompt.
Node Inspector
Visit http://127.0.0.1:8080/?port=5858 to start debugging.
Debugging `node_modules/jest-cli/bin/jest.js`
Debugger listening on port 5858
A new Chrome window should open and subsequently open a page to localhost on
port 5858. If this does not happen, you can go to the debugging URL directly
in a Chrome browser tab. The program should stop in the jest.js
file in
the first line of code. Press the play button in the inspector window to
continue execution.
To stop the code at an arbitrary point, set a debugger
expression in the
code where you would like the program to stop. Stop (ctrl-c
) and restart
node-debug
in the command line to catch at the debugger expression you
just added.
<generated_getting_started_end />
<generated_api_start />
In your test files, Jest puts each of these methods and objects into the global environment. You don't have to require or import anything to use them.
afterEach(fn)
beforeEach(fn)
describe(name, fn)
expect(value)
it(name, fn)
fit(name, fn)
executes only this test. Useful when investigating a failurejest
require.requireActual(moduleName)
require.requireMock(moduleName)
test(name, fn)
is an alias forit
xdescribe(name, fn)
xit(name, fn)
When you're writing tests, you need to check that values are what you
expect all the time. That's what you use expect
for.
expect(value)
.lastCalledWith(arg1, arg2, ...)
.not
.toBe(value)
.toBeCalled()
.toBeCalledWith(arg1, arg2, ...)
.toBeCloseTo(number, numDigits)
.toBeDefined()
.toBeFalsy()
.toBeGreaterThan(number)
.toBeGreaterThanOrEqual(number)
.toBeLessThan(number)
.toBeLessThanOrEqual(number)
.toBeNull()
.toBeTruthy()
.toBeUndefined()
.toContain(item)
.toEqual(value)
.toMatch(regexp)
.toMatchSnapshot()
.toThrow()
.toThrowError(error)
Mock functions are also known as "spies", because they let you spy on the behavior of a function that is called indirectly by some other code, rather than just testing the output. You can create a mock function with jest.fn()
.
mockFn.mock.calls
mockFn.mock.instances
mockFn.mockClear()
mockFn.mockImplementation(fn)
mockFn.mockReturnThis()
mockFn.mockReturnValue(value)
mockFn.mockReturnValueOnce(value)
These methods help create mocks and let you control Jest's overall behavior.
jest.clearAllTimers()
jest.disableAutomock()
jest.enableAutomock()
jest.fn(?implementation)
jest.isMockFunction(fn)
jest.genMockFromModule(moduleName)
jest.mock(moduleName, ?factory, ?options)
jest.resetModules()
jest.runAllTicks()
jest.runAllTimers()
jest.runOnlyPendingTimers()
jest.setMock(moduleName, moduleExports)
jest.unmock(moduleName)
jest.useFakeTimers()
jest.useRealTimers()
These options let you control Jest's behavior in your package.json
file. The Jest philosophy is to work great by default, but sometimes you just need more configuration power.
automock
[boolean]browser
[boolean]bail
[boolean]cacheDirectory
[string]coverageDirectory
[string]collectCoverage
[boolean]collectCoverageOnlyFrom
[object]coveragePathIgnorePatterns
[array]coverageThreshold
[object]globals
[object]mocksPattern
[string]moduleDirectories
[array]moduleFileExtensions
[array]moduleNameMapper
[object<string, string>]modulePaths
[array]modulePathIgnorePatterns
[array]notify
[boolean]preprocessorIgnorePatterns
[array]preset
[string]resetModules
[boolean]rootDir
[string]scriptPreprocessor
[string]setupFiles
[array]setupTestFrameworkScriptFile
[string]testEnvironment
[string]testPathDirs
[array]testPathIgnorePatterns
[array]testPathPattern
[string]testRegex
[string]testResultsProcessor
[string]testRunner
[string]unmockedModulePathPatterns
[array]verbose
[boolean]
All you need in a test file is the it
method which runs a test. The convention is to name your test so that your code reads like a sentence - that's why the name of the core testing function is it
. For example, let's say there's a function inchesOfRain()
that should be zero. Your whole test file could be:
it('did not rain', () => {
expect(inchesOfRain()).toBe(0);
});
The first argument is the test name; the second argument is a function that contains the expectations to test.
It's often handy to group together several related tests in one "test suite". For example, if you have a myBeverage
object that is supposed to be delicious but not sour, you could test it with:
const myBeverage = {
delicious: true,
sour: false,
};
describe('my beverage', () => {
it('is delicious', () => {
expect(myBeverage.delicious).toBeTruthy();
});
it('is not sour', () => {
expect(myBeverage.sour).toBeFalsy();
});
})
To test an asynchronous function, just return a promise from it
. When running tests, Jest will wait for the promise to resolve before letting the test complete.
For example, let's say fetchBeverageList()
returns a promise that is supposed to resolve to a list that has lemon
in it. You can test this with:
describe('my beverage list', () => {
it('has lemon in it', () => {
return fetchBeverageList().then((list) => {
expect(list).toContain('lemon');
});
});
});
Even though the call to it
will return right away, the test doesn't complete until the promise resolves as well.
Returns the actual module instead of a mock, bypassing all checks on whether the module should receive a mock implementation or not.
Returns a mock module instead of the actual module, bypassing all checks on whether the module should be required normally or not.
The expect
function is used every time you want to test a value. You will rarely call expect
by itself. Instead, you will use expect
along with a "matcher" function to assert something about a value.
It's easier to understand this with an example. Let's say you have a method bestLaCroixFlavor()
which is supposed to return the string 'grapefruit'
.
Here's how you would test that:
describe('the best La Croix flavor', () => {
it('is grapefruit', () => {
expect(bestLaCroixFlavor()).toBe('grapefruit');
});
});
In this case, toBe
is the matcher function. There are a lot of different matcher functions, documented below, to help you test different things.
The argument to expect
should be the value that your code produces, and any argument to the matcher should be the correct value. If you mix them up, your tests will still work, but the error messages on failing tests will look strange.
If you have a mock function, you can use .lastCalledWith
to test what arguments it was last called with. For example, let's say you have a applyToAllFlavors(f)
function that applies f
to a bunch of flavors, and you want to ensure that when you call it, the last flavor it operates on is 'mango'
. You can write:
describe('applying to all flavors', () => {
it('does mango last', () => {
let drink = jest.fn();
applyToAllFlavors(drink);
expect(drink).lastCalledWith('mango');
});
});
If you know how to test something, .not
lets you test its opposite. For example, this code tests that the best La Croix flavor is not coconut:
describe('the best La Croix flavor', () => {
it('is not coconut', () => {
expect(bestLaCroixFlavor()).not.toBe('coconut');
});
});
toBe
just checks that a value is what you expect. It uses ===
to check
strict equality.
For example, this code will validate some properties of the beverage
object:
const can = {
ounces: 12,
name: 'pamplemousse',
};
describe('the can', () => {
it('has 12 ounces', () => {
expect(can.ounces).toBe(12);
});
it('has a sophisticated name', () => {
expect(can.name).toBe('pamplemousse');
});
});
Don't use toBe
with floating-point numbers. For example, due to rounding, in JavaScript 0.2 + 0.1
is not strictly equal to 0.3
. If you have floating point numbers, try .toBeCloseTo
instead.
Use .toBeCalled
to ensure that a mock function got called.
For example, let's say you have a drinkAll(drink, flavor)
function that takes a drink
function and applies it to all available beverages. You might want to check that drink
gets called for 'lemon'
, but not for 'octopus'
, because 'octopus'
flavor is really weird and why would anything be octopus-flavored? You can do that with this test suite:
describe('drinkAll', () => {
it('drinks something lemon-flavored', () => {
let drink = jest.fn();
drinkAll(drink, 'lemon');
expect(drink).toBeCalled();
});
it('does not drink something octopus-flavored', () => {
let drink = jest.fn();
drinkAll(drink, 'octopus');
expect(drink).not.toBeCalled();
});
});
Use .toBeCalledWith
to ensure that a mock function was called with specific
arguments.
For example, let's say that you can register a beverage with a register
function, and applyToAll(f)
should apply the function f
to all registered beverages. To make sure this works, you could write:
describe('beverage registration', () => {
it('applies correctly to orange La Croix', () => {
let beverage = new LaCroix('orange');
register(beverage);
let f = jest.fn();
applyToAll(f);
expect(f).toBeCalledWith(beverage);
});
});
Using exact equality with floating point numbers is a bad idea. Rounding means that intuitive things fail. For example, this test fails:
describe('adding numbers', () => {
it('works sanely with simple decimals', () => {
expect(0.2 + 0.1).toBe(0.3); // Fails!
});
});
It fails because in JavaScript, 0.2 + 0.1
is actually 0.30000000000000004
. Sorry.
Instead, use .toBeCloseTo
. Use numDigits
to control how many digits after the decimal point to check. For example, if you want to be sure that 0.2 + 0.1
is equal to 0.3
with a precision of 5 decimal digits, you can use this test:
describe('adding numbers', () => {
it('works sanely with simple decimals', () => {
expect(0.2 + 0.1).toBeCloseTo(0.3, 5);
});
});
The default for numDigits
is 2, which has proved to be a good default in most cases.
Use .toBeDefined
to check that a variable is not undefined. For example, if you just want to check that a function fetchNewFlavorIdea()
returns something, you can write:
describe('fetching new flavor ideas', () => {
it('returns something', () => {
expect(fetchNewFlavorIdea()).toBeDefined();
});
});
You could write expect(fetchNewFlavorIdea()).not.toBe(undefined)
, but it's better practice to avoid referring to undefined
directly in your code.
Use .toBeFalsy
when you don't care what a value is, you just want to ensure a value is false in a boolean context. For example, let's say you have some application code that looks like:
drinkSomeLaCroix();
if (!getErrors()) {
drinkMoreLaCroix();
}
You may not care what getErrors
returns, specifically - it might return false
, null
, or 0
, and your code would still work. So if you want to test there are no errors after drinking some La Croix, you could write:
describe('drinking some La Croix', () => {
it('does not lead to errors', () => {
drinkSomeLaCroix();
expect(getErrors()).toBeFalsy();
});
});
In JavaScript, there are six falsy values: false
, 0
, ''
, null
, undefined
, and NaN
. Everything else is truthy.
To compare floating point numbers, you can use toBeGreaterThan
. For example, if you want to test that ouncesPerCan()
returns a value of more than 10 ounces, write:
describe('ounces per can', () => {
it('is more than 10', () => {
expect(ouncesPerCan()).toBeGreaterThan(10);
});
});
To compare floating point numbers, you can use toBeGreaterThanOrEqual
. For example, if you want to test that ouncesPerCan()
returns a value of at least 12 ounces, write:
describe('ounces per can', () => {
it('is at least 12', () => {
expect(ouncesPerCan()).toBeGreaterThanOrEqual(12);
});
});
To compare floating point numbers, you can use toBeLessThan
. For example, if you want to test that ouncesPerCan()
returns a value of less than 20 ounces, write:
describe('ounces per can', () => {
it('is less than 20', () => {
expect(ouncesPerCan()).toBeLessThan(10);
});
});
To compare floating point numbers, you can use toBeLessThanOrEqual
. For example, if you want to test that ouncesPerCan()
returns a value of at most 12 ounces, write:
describe('ounces per can', () => {
it('is at most 12', () => {
expect(ouncesPerCan()).toBeLessThanOrEqual(12);
});
});
.toBeNull()
is the same as .toBe(null)
but the error messages are a bit nicer. So use .toBeNull()
when you want to check that something is null.
function bloop() {
return null;
}
describe('bloop', () => {
it('returns null', () => {
expect(bloop()).toBeNull();
});
})
Use .toBeTruthy
when you don't care what a value is, you just want to ensure a value is true in a boolean context. For example, let's say you have some application code that looks like:
drinkSomeLaCroix();
if (thirstInfo()) {
drinkMoreLaCroix();
}
You may not care what thirstInfo
returns, specifically - it might return true
or a complex object, and your code would still work. So if you just want to test that thirstInfo
will be truthy after drinking some La Croix, you could write:
describe('drinking some La Croix', () => {
it('leads to having thirst info', () => {
drinkSomeLaCroix();
expect(thirstInfo()).toBeTruthy();
});
});
In JavaScript, there are six falsy values: false
, 0
, ''
, null
, undefined
, and NaN
. Everything else is truthy.
Use .toBeUndefined
to check that a variable is undefined. For example, if you want to check that a function bestDrinkForFlavor(flavor)
returns undefined
for the 'octopus'
flavor, because there is no good octopus-flavored drink:
describe('the best drink', () => {
it('for octopus flavor is undefined', () => {
expect(bestDrinkForFlavor('octopus')).toBeUndefined();
});
});
You could write expect(bestDrinkForFlavor('octopus')).toBe(undefined)
, but it's better practice to avoid referring to undefined
directly in your code.
Use .toContain
when you want to check that an item is in a list. For testing the items in the list, this uses ===
, a strict equality check.
For example, if getAllFlavors()
returns a list of flavors and you want to be sure that lime
is in there, you can write:
describe('the list of all flavors', () => {
it('contains lime', () => {
expect(getAllFlavors()).toContain('lime');
});
});
Use .toEqual
when you want to check that two objects have the same value. This matcher recursively checks the equality of all fields, rather than checking for object identity. For example, toEqual
and toBe
behave differently in this test suite, so all the tests pass:
const can1 = {
flavor: 'grapefruit',
ounces: 12,
};
const can2 = {
flavor: 'grapefruit',
ounces: 12,
};
describe('the La Croix cans on my desk', () => {
it('have all the same properties', () => {
expect(can1).toEqual(can2);
});
it('are not the exact same can', () => {
expect(can1).not.toBe(can2);
});
});
Use .toMatch
to check that a string matches a regular expression.
For example, you might not know what exactly essayOnTheBestFlavor()
returns, but you know it's a really long string, and the substring grapefruit
should be in there somewhere. You can test this with:
describe('an essay on the best flavor', () => {
it('mentions grapefruit', () => {
expect(essayOnTheBestFlavor()).toMatch(/grapefruit/);
})
})
This ensures that a React component matches the most recent snapshot. Check out the React + Jest tutorial for more information on snapshot testing.
Use .toThrow
to test that a function throws when it is called. For example, if we want to test that drinkFlavor('octopus')
throws, because octopus flavor is too disgusting to drink, we could write:
describe('drinking flavors', () => {
it('throws on octopus', () => {
expect(() => {
drink('octopus');
}).toThrow();
});
});
If you want to test that a specific error gets thrown, use .toThrowError
.
Use .toThrowError
to test that a function throws a specific error when it
is called. The argument can be a string for the error message, a class for the error, or a regex that should match the error. For example, let's say you have a drinkFlavor
function that throws whenever the flavor is 'octopus'
, and is coded like this:
function drinkFlavor(flavor) {
if (flavor == 'octopus') {
throw new DisgustingFlavorError('yuck, octopus flavor');
}
// Do some other stuff
}
We could test this error gets thrown in several ways:
describe('drinking flavors', () => {
it('throws on octopus', () => {
function drinkOctopus() {
drink('octopus');
}
// Test the exact error message
expect(drinkOctopus).toThrowError('yuck, octopus flavor');
// Test that the error message says "yuck" somewhere
expect(drinkOctopus).toThrowError(/yuck/);
// Test that we get a DisgustingFlavorError
expect(drinkOctopus).toThrowError(DisgustingFlavorError);
});
});
If you don't care what specific error gets thrown, use .toThrow
.
An array that represents all calls that have been made into this mock function. Each call is represented by an array of arguments that were passed during the call.
For example: A mock function f
that has been called twice, with the arguments f('arg1', 'arg2')
, and then with the arguments f('arg3', 'arg4')
would have a mock.calls
array that looks like this:
[
['arg1', 'arg2'],
['arg3', 'arg4']
]
An array that contains all the object instances that have been instantiated from this mock function.
For example: A mock function that has been instantiated twice would have the following mock.instances
array:
var mockFn = jest.fn();
var a = new mockFn();
var b = new mockFn();
mockFn.mock.instances[0] === a; // true
mockFn.mock.instances[1] === b; // true
Resets all information stored in the mockFn.mock.calls
and mockFn.mock.instances
arrays.
Often this is useful when you want to clean up a mock's usage data between two assertions.
Accepts a function that should be used as the implementation of the mock. The mock itself will still record all calls that go into and instances that come from itself – the only difference is that the implementation will also be executed when the mock is called.
Note: jest.fn(implementation)
is a shorthand for mockImplementation
.
For example:
const mockFn = jest.fn().mockImplementation(scalar => 42 + scalar);
// or: jest.fn(scalar => 42 + scalar);
const a = mockFn(0);
const b = mockFn(1);
a === 42; // true
b === 43; // true
mockFn.mock.calls[0][0] === 0; // true
mockFn.mock.calls[1][0] === 1; // true
mockImplementation
can also be used to mock class constructors:
// SomeClass.js
module.exports = class SomeClass {
m(a, b) {}
}
// OtherModule.test.js
const SomeClass = require('SomeClass')
const mMock = jest.fn()
SomeClass.mockImplementation(() => {
return {
m: mMock
}
})
const some = new SomeClass()
some.m('a', 'b')
console.log('Calls to m: ', mMock.mock.calls)
Just a simple sugar function for:
jest.fn(function() {
return this;
});
Deprecated: Use jest.fn(() => value)
instead.
const mockNumberFn = jest.fn(() => 42);
mockNumberFn(); // 42
// Deprecated behavior:
jest.genMockFunction().mockImplementation(() => value);
Just a simple sugar function for:
const valueReturned = false;
jest.fn(() => {
if (!valueReturned) {
valueReturned = true;
return value;
}
});
Removes any pending timers from the timer system.
This means, if any timers have been scheduled (but have not yet executed), they will be cleared and will never have the opportunity to execute in the future.
Disables automatic mocking in the module loader.
After this method is called, all require()
s will return the real versions of each module (rather than a mocked version).
This is usually useful when you have a scenario where the number of dependencies you want to mock is far less than the number of dependencies that you don't. For example, if you're writing a test for a module that uses a large number of dependencies that can be reasonably classified as "implementation details" of the module, then you likely do not want to mock them.
Examples of dependencies that might be considered "implementation details" are things ranging from language built-ins (e.g. Array.prototype methods) to highly common utility methods (e.g. underscore/lo-dash, array utilities etc) and entire libraries like React.js.
Note: this method was previously called autoMockOff
. When using babel-jest
, calls to disableAutomock
will automatically be hoisted to the top of the code block. Use autoMockOff
if you want to explicitly avoid this behavior.
Enables automatic mocking in the module loader.
Note: this method was previously called autoMockOn
. When using babel-jest
, calls to enableAutomock
will automatically be hoisted to the top of the code block. Use autoMockOn
if you want to explicitly avoid this behavior.
Returns a new, unused mock function. Optionally takes a mock implementation.
const mockFn = jest.fn();
mockFn();
expect(mockFn).toBeCalled();
// With a mock implementation:
const returnsTrue = jest.fn(() => true);
console.log(returnsTrue()) // true;
Determines if the given function is a mocked function.
Given the name of a module, use the automatic mocking system to generate a mocked version of the module for you.
This is useful when you want to create a manual mock that extends the automatic mock's behavior.
Mocks a module with an auto-mocked version when it is being required:
// banana.js
module.exports = () => 'banana';
// __tests__/test.js
jest.mock('../banana');
const banana = require('../banana'); // banana will be explicitly mocked.
banana(); // will return 'undefined' because the function is auto-mocked.
The second argument can be used to specify an explicit module factory that is being run instead of using Jest's automocking feature:
jest.mock('../moduleName', () => {
return jest.fn(() => 42);
});
const moduleName = require('../moduleName'); // This runs the function specified as second argument to `jest.mock`.
moduleName(); // Will return '42';
The third argument can be used to create virtual mocks – mocks of modules that don't exist anywhere in the system:
jest.mock('../moduleName', () => {
// custom implementation of a module that doesn't exist in JS, like a generated module or a native module in react-native.
}, {virtual: true});
Note: When using babel-jest
, calls to mock
will automatically be hoisted to the top of the code block. Use doMock
if you want to explicitly avoid this behavior.
Resets the module registry - the cache of all required modules. This is useful to isolate modules where local state might conflict between tests.
Example:
const sum1 = require('../sum');
jest.resetModules();
const sum2 = require('../sum');
sum1 === sum2 // false! Both sum modules are separate "instances" of the sum module.
Example in a test:
beforeEach(() => {
jest.resetModules();
});
it('works', () => {
const sum = require('../sum');
});
it('works too', () => {
const sum = require('../sum');
// sum is a different copy of the sum module from the previous test.
});
Exhausts the micro-task queue (usually interfaced in node via process.nextTick
).
When this API is called, all pending micro-tasks that have been queued via process.nextTick
will be executed. Additionally, if those micro-tasks themselves schedule new micro-tasks, those will be continually exhausted until there are no more micro-tasks remaining in the queue.
Exhausts the macro-task queue (i.e., all tasks queued by setTimeout()
and setInterval()
).
When this API is called, all pending "macro-tasks" that have been queued via setTimeout()
or setInterval()
will be executed. Additionally if those macro-tasks themselves schedule new macro-tasks, those will be continually exhausted until there are no more macro-tasks remaining in the queue.
This is often useful for synchronously executing setTimeouts during a test in order to synchronously assert about some behavior that would only happen after the setTimeout()
or setInterval()
callbacks executed. See the Timer mocks doc for more information.
Executes only the macro-tasks that are currently pending (i.e., only the tasks that have been queued by setTimeout()
or setInterval()
up to this point). If any of the currently pending macro-tasks schedule new macro-tasks, those new tasks will not be executed by this call.
This is useful for scenarios such as one where the module being tested schedules a setTimeout()
whose callback schedules another setTimeout()
recursively (meaning the scheduling never stops). In these scenarios, it's useful to be able to run forward in time by a single step at a time.
Explicitly supplies the mock object that the module system should return for the specified module.
On occasion there are times where the automatically generated mock the module system would normally provide you isn't adequate enough for your testing needs. Normally under those circumstances you should write a manual mock that is more adequate for the module in question. However, on extremely rare occasions, even a manual mock isn't suitable for your purposes and you need to build the mock yourself inside your test.
In these rare scenarios you can use this API to manually fill the slot in the module system's mock-module registry.
Note It is recommended to use jest.mock()
instead. The jest.mock
API's second argument is a module factory instead of the expected exported module object.
Indicates that the module system should never return a mocked version of the specified module from require()
(e.g. that it should always return the real module).
The most common use of this API is for specifying the module a given test intends to be testing (and thus doesn't want automatically mocked).
Note: this method was previously called dontMock
. When using babel-jest
, calls to unmock
will automatically be hoisted to the top of the code block. Use dontMock
if you want to explicitly avoid this behavior.
Instructs Jest to use fake versions of the standard timer functions (setTimeout
, setInterval
, clearTimeout
, clearInterval
, nextTick
, setImmediate
and clearImmediate
).
Instructs Jest to use the real versions of the standard timer functions.
Jest's configuration can be defined in the package.json
file of your project
or through the --config <path/to/json>
option. If you'd like to use
your package.json
to store Jest's config, the "jest" key should be used on the
top level so Jest will know how to find your settings:
{
"name": "my-project",
"jest": {
"verbose": true
}
}
When using the --config option, the JSON file must not contain a "jest" key:
{
"bail": true,
"verbose": true
}
(default: false)
This option is disabled by default. If you are introducing Jest to a large organization with an existing codebase but few tests, enabling this option can be helpful to introduce unit tests gradually. Modules can be explicitly auto-mocked using jest.mock(moduleName)
.
(default: false)
Respect the Browserify's "browser"
field in package.json
when resolving modules. Some modules export different versions based on whether they are operating in Node or a browser.
(default: false)
By default, Jest runs all tests and produces all errors into the console upon completion. The bail config option can be used here to have Jest stop running tests after the first failure.
(default: '/tmp/')
The directory where Jest should store its cached dependency information.
Jest attempts to scan your dependency tree once (up-front) and cache it in order to ease some of the filesystem raking that needs to happen while running tests. This config option lets you customize where Jest stores that cache data on disk.
(default: undefined
)
The directory where Jest should output its coverage files.
(default: false
)
Indicates whether the coverage information should be collected while executing the test. Because this retrofits all executed files with coverage collection statements, it may significantly slow down your tests.
(default: undefined
)
An object that, when present, indicates a set of files for which coverage information should be collected. Any files not present in this set will not have coverage collected for them. Since there is a performance cost for each file that we collect coverage information from, this can help prune this cost down to only the files in which you care about coverage (such as the specific modules that you are testing).
(default: ['/node_modules/']
)
An array of regexp pattern strings that are matched against all file paths before executing the test. If the file path matches any of the patterns, coverage information will be skipped.
These pattern strings match against the full path. Use the <rootDir>
string token to include the path to your project's root directory to prevent it from accidentally ignoring all of your files in different environments that may have different root directories. Example: ['<rootDir>/build/', '<rootDir>/node_modules/']
.
(default: undefined
)
This will be used to configure minimum threshold enforcement for coverage results. If the thresholds are not met, jest will return failure. Thresholds, when specified as a positive number are taken to be the minimum percentage required. When a threshold is specified as a negative number it represents the maximum number of uncovered entities allowed.
For example, statements: 90 implies minimum statement coverage is 90%. statements: -10 implies that no more than 10 uncovered statements are allowed.
{
...
"jest": {
"coverageThreshold": {
"global": {
"branches": 50,
"functions": 50,
"lines": 50,
"statements": 50
}
}
}
}
(default: {}
)
A set of global variables that need to be available in all test environments.
For example, the following would create a global __DEV__
variable set to true
in all test environments:
{
...
"jest": {
"globals": {
"__DEV__": true
}
}
}
Note that, if you specify a global reference value (like an object or array) here, and some code mutates that value in the midst of running a test, that mutation will not be persisted across test runs for other test files.
(default: (?:[\\/]|^)__mocks__[\\/]
)
A pattern that is matched against file paths to determine which folder contains manual mocks.
(default: ['js', 'json', 'node']
)
An array of file extensions your modules use. If you require modules without specifying a file extension, these are the extensions Jest will look for.
If you are using TypeScript this should be ['js', 'json', 'ts']
(default: []
)
An array of regexp pattern strings that are matched against all module paths before those paths are to be considered 'visible' to the module loader. If a given module's path matches any of the patterns, it will not be require()
-able in the test environment.
These pattern strings match against the full path. Use the <rootDir>
string token to include the path to your project's root directory to prevent it from accidentally ignoring all of your files in different environments that may have different root directories. Example: ['<rootDir>/build/']
.
(default: []
)
An alternative API to setting the NODE_PATH
env variable, modulePaths
is an array of absolute paths to
additional locations to search when resolving modules.
(default: ['node_modules']
)
An array of directory names to be searched recursively up from the requiring module's location. Setting this option
will override the default, if you wish to still search node_modules
for packages include it
along with any other options: ['node_modules', 'bower_components']
(default: null
)
A map from regular expressions to module names that allow to stub out resources, like images or styles with a single module.
Modules that are mapped to an alias are unmocked by default, regardless of whether automocking is enabled or not.
Use <rootDir>
string token to refer to rootDir
value if you want to use file paths.
Additionally, you can substitute captured regex groups using numbered backreferences.
Example:
"moduleNameMapper": {
"^image![a-zA-Z0-9$_-]+$": "GlobalImageStub",
"^[./a-zA-Z0-9$_-]+\.png$": "<rootDir>/RelativeImageStub.js",
"module_name_(.*)": "<rootDir>/substituted_module_$1.js"
}
(default: false
)
Activates notifications for test results.
(default: undefined
)
A preset that is used as a base for Jest's configuration. A preset should point to an npm module that exports a jest-preset.json
module on its top level.
(default: false
)
If enabled, the module registry for every test file will be reset before running each individual test. This is useful to isolate modules for every test so that local module state doesn't conflict between tests. This can be done programmatically using jest.resetModules()
.
(default: The root of the directory containing the package.json
or the pwd
if no package.json
is found)
The root directory that Jest should scan for tests and modules within. If you put your Jest config inside your package.json
and want the root directory to be the root of your repo, the value for this config param will default to the directory of the package.json
.
Oftentimes, you'll want to set this to 'src'
or 'lib'
, corresponding to where in your repository the code is stored.
Note that using '<rootDir>'
as a string token in any other path-based config settings to refer back to this value. So, for example, if you want your setupFiles
config entry to point at the env-setup.js
file at the root of your project, you could set its value to ['<rootDir>/env-setup.js']
.
(default: undefined
)
The path to a module that provides a synchronous function from pre-processing source files. For example, if you wanted to be able to use a new language feature in your modules or tests that isn't yet supported by node (like, for example, ES6 classes), you might plug in one of many transpilers that compile ES6 to ES5 here.
Examples of such compilers include jstransform, recast, regenerator, and traceur.
Note: Jest's preprocessor is only ran once per file unless the file has changed. During development of a scriptPreprocessor
it can be useful to run Jest with --no-cache
or to frequently delete Jest's cache.
(default: ['/node_modules/']
)
An array of regexp pattern strings that are matched against all source file paths before preprocessing. If the test path matches any of the patterns, it will not be preprocessed.
These pattern strings match against the full path. Use the <rootDir>
string token to include the path to your project's root directory to prevent it from accidentally ignoring all of your files in different environments that may have different root directories. Example: ['<rootDir>/bower_components/', '<rootDir>/node_modules/']
.
Note: if this option is not specified by the user and Jest detects the project as a react-native project, it will ignore the default and process every file. It is common on react-native projects to ship npm modules without pre-compiling JavaScript.
(default: []
)
The paths to modules that run some code to configure or set up the testing environment before each test. Since every test runs in its own environment, these scripts will be executed in the testing environment immediately before executing the test code itself.
It's worth noting that this code will execute before setupTestFrameworkScriptFile
.
(default: undefined
)
The path to a module that runs some code to configure or set up the testing framework before each test. Since setupFiles
executes before the test framework is installed in the environment, this script file presents you the opportunity of running some code immediately after the test framework has been installed in the environment.
For example, Jest ships with several plug-ins to jasmine
that work by monkey-patching the jasmine API. If you wanted to add even more jasmine plugins to the mix (or if you wanted some custom, project-wide matchers for example), you could do so in this module.
(default: 'jsdom'
)
The test environment that will be used for testing. The default environment in Jest is a browser-like environment through jsdom. If you are building a node service, you can use the node
option to use a node-like environment instead.
(default: ['<rootDir>']
)
A list of paths to directories that Jest should use to search for tests in.
There are times where you only want Jest to search in a single sub-directory (such as cases where you have a src/
directory in your repo), but not the rest of the repo.
(default: ['/node_modules/']
)
An array of regexp pattern strings that are matched against all test paths before executing the test. If the test path matches any of the patterns, it will be skipped.
These pattern strings match against the full path. Use the <rootDir>
string token to include the path to your project's root directory to prevent it from accidentally ignoring all of your files in different environments that may have different root directories. Example: ['<rootDir>/build/', '<rootDir>/node_modules/']
.
(default: /.*/
) - See notes below for more details on the default setting.
A regexp pattern string that is matched against all test paths before executing the test. If the test path does not match the pattern, it will be skipped.
This is useful if you need to override the default. If you are testing one file at a time the default will be set to /.*/
, however if you pass a blob rather than a single file the default will then be the absolute path of each test file. The override may be needed on windows machines where, for example, the test full path would be C:/myproject/__tests__/mystest.jsx.jest
and the default pattern would be set as /C:\myproject\__tests__\mystest.jsx.jest/
.
(default: (/__tests__/.*|\\.(test|spec))\\.js$
)
The pattern Jest uses to detect test files. By default it looks for .js
files
inside of __tests__
folders.
(default: undefined
)
This option allows the use of a custom results processor. This processor must be a node module that exports a function expecting an object with the following structure as the first argument:
{
"success": bool,
"startTime": epoch,
"numTotalTestSuites": number,
"numPassedTestSuites": number,
"numFailedTestSuites": number,
"numRuntimeErrorTestSuites": number,
"numTotalTests": number,
"numPassedTests": number,
"numFailedTests": number,
"numPendingTests": number,
"testResults": [{
"numFailingTests": number,
"numPassingTests": number,
"numPendingTests": number,
"testResults": [{
"title": string (message in it block),
"status": "failed" | "pending" | "passed",
"ancestorTitles": [string (message in describe blocks)],
"failureMessages": [string],
"numPassingAsserts": number
},
...
],
"perfStats": {
"start": epoch,
"end": epoch
},
"testFilePath": absolute path to test file,
"coverage": {}
},
...
]
}
(default: jasmine2
)
This option allows use of a custom test runner. The default is jasmine2. Jest also ships with jasmine1 which can enabled by setting this option to jasmine1
. A custom test runner can be provided by specifying a path to a test runner implementation.
(default: []
)
An array of regexp pattern strings that are matched against all modules before the module loader will automatically return a mock for them. If a module's path matches any of the patterns in this list, it will not be automatically mocked by the module loader.
This is useful for some commonly used 'utility' modules that are almost always used as implementation details almost all the time (like underscore/lo-dash, etc). It's generally a best practice to keep this list as small as possible and always use explicit jest.mock()
/jest.unmock()
calls in individual tests. Explicit per-test setup is far easier for other readers of the test to reason about the environment the test will run in.
It is possible to override this setting in individual tests by explicitly calling jest.mock()
at the top of the test file.
(default: false
)
Indicates whether each individual test should be reported during the run. All errors will also still be shown on the bottom after execution.
Jest supports property testing with the testcheck-js library. The API is the same as that of jasmine-check:
Creates a property test. Test cases will be created by the given generators
and passed as arguments to fn
. If any test case fails, a shrunken failing
value will be given in the test output. For example:
const { check, gen } = require('jest-check');
check.it('can recover encoded URIs',
[gen.string],
s => expect(s).toBe(decodeURI(encodeURI(s))));
If options
are provided, they override the corresponding command-line options.
The possible options are:
{
times: number; // The number of test cases to run. Default: 100.
maxSize: number; // The maximum size of sized data such as numbers
// (their magnitude) or arrays (their length). This can be
// overridden with `gen.resize`. Default: 200.
seed: number; // The random number seed. Defaults to a random value.
}
Executes this test and skips all others. Like fit
, but for property tests.
Skips this test. Like xit
, but for property tests.
A library of generators for property tests. See the
testcheck
documentation.
<generated_api_end />