Awesome
testdouble.js (AKA td.js)
Welcome! Are you writing JavaScript tests and in the market for a mocking library to fake out real things for you? testdouble.js is an opinionated, carefully-designed test double library maintained by, oddly enough, a software agency that's also named Test Double. (The term "test double" was coined by Gerard Meszaros in his book xUnit Test Patterns.)
If you practice test-driven development, testdouble.js was designed to promote terse, clear, and easy-to-understand tests. There's an awful lot to cover, so please take some time and enjoy our documentation, which is designed to show you how to make the most out of test doubles in your tests.
This library was designed to work for both Node.js and browser interpeters. It's also test-framework agnostic, so you can plop it into a codebase using Jasmine, Mocha, Tape, Jest, or our own teenytest.
Install
$ npm install -D testdouble
If you just want to fetch the browser distribution, you can also curl it from unpkg.
We recommend requiring the library in a test helper and setting it globally for
convenience to the shorthand td
:
// ES import syntax
import * as td from 'testdouble'
// CommonJS modules (e.g. Node.js)
globalThis.td = require('testdouble')
// Global set in our browser distribution
window.td
(You may need to configure your linter to ignore the td
global.
Instructions:
eslint,
standard.)
If you're using testdouble.js in conjunction with another test framework, you may also want to check out one of these extensions:
Getting started
Mocking libraries are more often abused than used effectively, so figuring out how to document a mocking library so as to only encourage healthy uses has proven to be a real challenge. Here are a few paths we've prepared for getting started with testdouble.js:
- The API section of this README so you can get started stubbing and verifying right away
- A 20-minute video overview of the library, its goals, and basic usage
- A comparison between testdouble.js and Sinon.js, in case you've already got experience working with Sinon and you're looking for a high-level overview of how they differ
- The full testdouble.js documentation, which describes at length how to (and how not to) take advantage of the various features of testdouble.js. Its outline is in docs/README.md
Of course, if you're unsure of how to approach writing an isolated test with testdouble.js, we welcome you to open an issue on GitHub to ask a question.
API
td.replace()
and td.replaceEsm()
for replacing dependencies
The first thing a test double library needs to do is give you a way to replace the production dependencies of your subject under test with fake ones controlled by your test.
We provide a top-level function called td.replace()
that operates in two
different modes: CommonJS module replacement and object-property replacement.
Both modes will, by default, perform a deep clone of the real dependency which
replaces all functions it encounters with fake test double functions which can,
in turn, be configured by your test to either stub responses or assert
invocations.
For ES modules, you should use td.replaceEsm()
. More details
here.
Module replacement with Node.js
td.replace('../path/to/module'[, customReplacement])
If you're using Node.js and don't mind using the CommonJS require()
function
in your tests (you can still use import
/export
in your production code,
assuming you're compiling it down for consumption by your tests), testdouble.js
uses a library we wrote called quibble
to monkey-patch require()
so that your subject will automatically receive your
faked dependencies simply by requiring them. This approach may be familiar if you've used something like
proxyquire, but our focus was to
enable an even more minimal test setup.
Here's an example of using td.replace()
in a Node.js test's setup:
let loadsPurchases, generatesInvoice, sendsInvoice, subject
module.exports = {
beforeEach: () => {
loadsPurchases = td.replace('../src/loads-purchases')
generatesInvoice = td.replace('../src/generates-invoice')
sendsInvoice = td.replace('../src/sends-invoice')
subject = require('../src/index')
}
//…
afterEach: function () { td.reset() }
}
In the above example, at the point when src/index
is required, the module
cache will be bypassed as index
is loaded. If index
goes on to subsequently
require any of the td.replace()
'd dependencies, it will receive a reference to
the same fake dependencies that were returned to the test.
Because td.replace()
first loads the actual file, it will do its best to
return a fake that is shaped just like the real thing. That means that if
loads-purchases
exports a function, a test double function will be created and
returned. If generates-invoice
exports a constructor, a constructor test
double will be returned, complete with test doubles for all of the original's
static functions and instance methods. If sends-invoice
exports a plain
object of function properties, an object will be returned with test double
functions in place of the originals' function properties. In every case, any
non-function properties will be deep-cloned.
There are a few important things to keep in mind about replacing Node.js modules
using td.replace()
:
- The test must
td.replace()
andrequire()
everything in a before-each hook, in order to bypass the Node.js module cache and to avoid pollution between tests - Any relative paths passed to
td.replace()
are relative from the test to the dependency. This runs counter to how some other tools do it, but we feel it makes more sense - The test suite (usually in a global after-each hook) must call
td.reset()
to ensure the realrequire()
function and dependency modules are restored after each test case.
Default exports with ES modules
If your modules are written in the ES module syntax and they specify default
exports (e.g. export default function loadsPurchases()
), but are actually
transpiled to CommonJS, just remember that you'll need to reference .default
when translating to the CJS module format.
That means instead of this:
loadsPurchases = td.replace('../src/loads-purchases')
You probably want to assign the fake like this:
loadsPurchases = td.replace('../src/loads-purchases').default
Property replacement
td.replace(containingObject, nameOfPropertyToReplace[, customReplacement])
If you're running tests outside Node.js or otherwise injecting dependencies
manually (or with a DI tool like
dependable), then you may still use
td.replace
to automatically replace things if they're referenceable as
properties on an object.
To illustrate, suppose our subject depends on app.signup
below:
app.signup = {
onSubmit: function () {},
onCancel: function () {}
}
If our goal is to replace app.signup
during a test of app.user.create()
,
our test setup might look like this:
let signup, subject
module.exports = {
beforeEach: function () {
signup = td.replace(app, 'signup')
subject = app.user
}
// …
afterEach: function () { td.reset() }
}
td.replace()
will always return the newly-created fake imitation, even though
in this case it's obviously still referenceable by the test and subject alike
with app.signup
. If we had wanted to only replace the onCancel
function for
whatever reason (though in this case, that would smell like a partial
mock), we
could have called td.replace(app.signup, 'onCancel')
, instead.
Remember to call td.reset()
in an after-each hook (preferably globally so one
doesn't have to remember to do so in each and every test) so that testdouble.js
can replace the original. This is crucial to avoiding hard-to-debug test
pollution!
Specifying a custom replacement
The library's imitation feature is pretty sophisticated, but it's not perfect. It's also going to be pretty slow on large, complex objects. If you'd like to specify exactly what to replace a real dependency with, you can do so in either of the above modes by providing a final optional argument.
When replacing a Node.js module:
generatesInvoice = td.replace('../generates-invoice', {
generate: td.func('a generate function'),
name: 'fake invoices'
})
When replacing a property:
signup = td.replace(app, 'signup', {
onSubmit: td.func('fake submit handler'),
onCancel: function () { throw Error('do not call me') }
})
td.func()
, td.object()
, td.constructor()
, td.instance()
and td.imitate()
to create test doubles
td.replace()
's imitation and injection convenience is great when your
project's build configuration allows for it, but in many cases you'll want or
need the control to create fake things directly. Each creation function can
either imitate a real thing or be specified by passing a bit of configuration.
Each test double creation function is very flexible and can take a variety of inputs. What gets returned generally depends on the number and type of configuration parameters passed in, so we'll highlight each supported usage separately with an example invocation:
td.func()
The td.func()
function (also available as td.function()
) returns a test
double function and can be called in three modes:
td.func(someRealFunction)
- returns a test double function of the samename
, including a deep imitation of all of its custom propertiestd.func()
- returns an anonymous test double function that can be used for stubbing and verifying any calls against it, but whose error messages and debugging output won't have a name to trace back to ittd.func('some name')
- returns a test double function named'some name'
, which will appear in any error messages as well as the debug info returned by passing the returned test double into td.explain()td.func<Type>()
- returns a test double function imitating the passed type. Examples and more details can be found in using with TypeScript
td.object()
The td.object()
function returns an object containing test double functions,
and supports three types of invocations:
td.object(realObject)
- returns a deep imitation of the passed object, where each function is replaced with a test double function named for the property path (e.g. IfrealObject.invoices.send()
was a function, the returned object would have propertyinvoices.send
set to a test double named'.invoices.send'
)td.object(['add', 'subtract'])
- returns a plain JavaScript object containing two propertiesadd
andsubtract
that are both assigned to test double functions named'.add'
and'.subtract'
, respectivelytd.object('a Person'[, {excludeMethods: ['then']})
- when passed with no args or with a string name as the first argument, returns an ES Proxy. The proxy will automatically intercept any call made to it and shunt in a test double that can be used for stubbing or verification. More details can be found in our full docstd.object<Interface>()
- returns an object with methods exposed as test doubles that are typed according to the passed interface. Examples and more details can be found in using with TypeScript
td.constructor()
If your code depends on ES classes or functions intended to be called with
new
, then the td.constructor()
function can replace those dependencies as
well.
td.constructor(RealConstructor)
- returns a constructor whose calls can be verified and whose static andprototype
functions have all been replaced with test double functions using the same imitation mechanism astd.func(realFunction)
andtd.object(realObject)
td.constructor(['select', 'save'])
- returns a constructor withselect
andsave
properties on itsprototype
object set to test double functions named'#select'
and'#save'
, respectively
When replacing a constructor, typically the test will configure stubbing & verification by directly addressing its prototype functions. To illustrate, that means in your test you might write:
const FakeConstructor = td.constructor(RealConstructor)
td.when(FakeConstructor.prototype.doStuff()).thenReturn('ok')
subject(FakeConstructor)
So that in your production code you can:
const subject = function (SomeConstructor) {
const thing = new SomeConstructor()
return thing.doStuff() // returns "ok"
}
td.instance()
As a shorthand convenience, td.instance()
function will call
td.constructor()
and return a new
instance of the fake constructor function
it returns.
The following code snippets are functionally equivalent:
const fakeObject = td.instance(RealConstructor)
const FakeConstructor = td.constructor(RealConstructor)
const fakeObject = new FakeConstructor()
td.imitate()
td.imitate(realThing[, name])
If you know you want to imitate something, but don't know (or care) whether it's
a function, object, or constructor, you can also just pass it to td.imitate()
with an optional name parameter.
td.when()
for stubbing responses
td.when(__rehearsal__[, options])
Once you have your subject's dependencies replaced with test double functions, you'll want to be able to stub return values (and other sorts of responses) when the subject invokes the test double in the way that the test expects.
To make stubbing configuration easy to read and grep, td.when()
's first
argument isn't an argument at all, but rather a placeholder to demonstrate the
way you're expecting the test double to be invoked by the subject, like so:
const increment = td.func()
td.when(increment(5)).thenReturn(6)
We would say that increment(5)
is "rehearsing the invocation". Note that by
default, a stubbing is only satisfied when the subject calls the test double
exactly as it was rehearsed. This can be customized with argument
matchers,
which allow for rehearsals that do things like
increment(td.matchers.isA(Number))
or save(td.matchers.contains({age: 21}))
.
Also note that, td.when()
takes an optional configuration
object as a second
parameter, which enables advanced usage like ignoring extraneous arguments and
limiting the number of times a stubbing can be satisfied.
Calling td.when()
returns a number of functions that allow you to specify your
desired outcome when the test double is invoked as demonstrated by your
rehearsal. We'll begin with the most common of these: thenReturn
.
td.when().thenReturn()
td.when(__rehearsal__[, options]).thenReturn('some value'[, more, values])
The simplest example is when you want to return a specific value in exchange for a known argument, like so:
const loadsPurchases = td.replace('../src/loads-purchases')
td.when(loadsPurchases(2018, 8)).thenReturn(['a purchase', 'another'])
Then, in the hands of your subject under test:
loadsPurchases(2018, 8) // returns `['a purchase', 'another']`
loadsPurchases(2018, 7) // returns undefined, since no stubbing was satisfied
If you're not used to stubbing, it may seem contrived to think a test will know exactly what argument to pass in and expect back from a dependency, but in an isolated unit test this is not only feasible but entirely normal and expected! Doing so helps the author ensure the test remains minimal and obvious to future readers.
Note as well that subsequent matching invocations can be stubbed by passing
additional arguments to thenReturn()
, like this:
const hitCounter = td.func()
td.when(hitCounter()).thenReturn(1, 2, 3, 4)
hitCounter() // 1
hitCounter() // 2
hitCounter() // 3
hitCounter() // 4
hitCounter() // 4
td.when().thenResolve()
and td.when().thenReject()
td.when(__rehearsal__[, options]).thenResolve('some value'[, more, values])
td.when(__rehearsal__[, options]).thenReject('some value'[, more, values])
The thenResolve()
and thenReject()
stubbings will take whatever value is
passed to them and wrap it in an immediately resolved or rejected promise,
respectively. By default testdouble.js will use whatever Promise
is globally
defined, but you can specify your own like this:
td.config({promiseConstructor: require('bluebird')})`
Because the Promise spec indicates that all promises must tick the event loop,
keep in mind that any stubbing configured with thenResolve
or thenReject
must be managed as an asynchronous test (consult your test framework's
documentation if you're not sure).
td.when().thenCallback()
td.when(__rehearsal__[, options]).thenCallback('some value'[,other, args])
The thenCallback()
stubbing will assume that the rehearsed invocation has an
additional final argument that takes a callback function. When this stubbing is
satisfied, testdouble.js will invoke that callback function and pass in whatever
arguments were sent to thenCallback()
.
To illustrate, consider this stubbing:
const readFile = td.replace('../src/read-file')
td.when(readFile('my-secret-doc.txt')).thenCallback(null, 'secrets!')
Then, the subject might invoke readFile and pass an anonymous function:
readFile('my-secret-doc.txt', function (err, contents) {
console.log(contents) // will print 'secrets!'
})
If the callback isn't in the final position, or if the test double also needs to return something, callbacks can be configured using the td.callback argument matcher.
On one hand, thenCallback()
can be a great way to write fast and clear
synchronous isolated unit tests of production code that's actually asynchronous.
On the other hand, if it's necessary to verify the subject behaves correctly
over multiple ticks of the event loop, you can control this with the defer
and delay
options.
td.when().thenThrow()
td.when(__rehearsal__[, options]).thenThrow(new Error('boom'))
The thenThrow()
function does exactly what it says on the tin. Once this
stubbing is configured, any matching invocations will throw the specified error.
Note that because rehearsal calls invoke the test double function, it's possible
to configure a thenThrow
stubbing and then accidentally trigger it when you
attempt to configure subsequent stubbings or verifications. In these cases,
you'll need to work around it by re-ordering your configurations or catch
'ing
the error.
td.when().thenDo()
td.when(__rehearsal__[, options]).thenDo(function (arg1, arg2) {})
For everything else, there is thenDo()
. thenDo
takes a function which will
be invoked whenever satisfied with all the arguments and bound to the same
this
context that the test double function was actually invoked with. Whatever
your thenDo
function returns will be returned by the test double when the
stubbing is satisfied. This configuration is useful for covering tricky cases
not handled elsewhere, and may be a potential extension point for building on
top of the library's stubbing capabilities.
td.verify()
for verifying interactions
td.verify(__demonstration__[, options])
If you've learned how to stub responses with td.when()
then you already know
how to verify an invocation took place with td.verify()
! We've gone out of our
way to make the two as symmetrical as possible. You'll find that they have
matching function signatures, support the same argument matchers, and take the
same options.
The difference, then, is their purpose. While stubbings are meant to facilitate
some behavior we want to exercise in our subject, verifications are meant to
ensure a dependency was called in a particular expected way. Since td.verify()
is an assertion step, it goes at the
end
of our test after we've invoked the subject under test.
A trivial example might be:
module.exports = function shouldSaveThings () {
const save = td.replace('../src/save')
const subject = require('../src/index')
subject({name: 'dataz', data: '010101'})
td.verify(save('dataz', '010101'))
}
The above will verify that save
was called with the two specified arguments.
If the verification fails (say it passed '010100'
instead), testdouble.js will
throw a nice long error message to explain how the test double function was
actually called, hopefully helping you spot the error.
Just like with td.when()
, more complex cases can be covered with argument
matchers
and configuration
options.
A word of caution: td.verify()
should be needed only sparingly. When you
verify a function was called (as opposed to relying on what it returns) you're
asserting that your subject has a side effect. Code with lots of side effects is
bad, so mocking libraries are often abused to make side-effect heavy code easier
to proliferate. In these cases, refactoring each dependency to return values
instead is almost always the better design approach. A separate test smell with
verifying calls is that sometimes—perhaps in the interest of maximal
completeness—a test will verify an invocation that already satisfied a stubbing,
but this is almost provably
unnecessary.
td.listReplacedModules()
for listing the modules that were replaced
td.listReplacedModules()
Use td.listReplacedModules()
to list the modules that are replaced. This function will return an array of the modules that are
currently being replaced via td.replace()
or td.replaceEsm()
.
The list is in no particular order, and returns the full path to the module that was replaced.
The path is returned as a file:
URL as is customary in ESM (this is true even if the
replaced module was CJS).
For example, if you do this:
td.replace('../src/save')
Then
td.listReplacedModules()
will return something like:
['file:///users/example/code/foo/src/save.js']
Other functions
For other top-level features in the testdouble.js API, consult the docs directory:
- td.explain() - for help debugging and introspecting test doubles
- td.config() - for changing globally configurable options
- td.reset() - for resetting testdouble.js state between tests
- td.matchers and custom matchers for configuring more advanced stubbings and verifications