/$$ /$$ /$$ /$$ /$$ /$$
| $$ /$ | $$|__/ | $$$ /$$$ | $$
/$$$$$$ /$$$$$$ | $$ /$$$| $$ /$$ /$$$$$$ /$$$$$$ | $$$$ /$$$$ /$$$$$$ /$$$$$$$| $$ /$$
/$$__ $$ /$$__ $$| $$/$$ $$ $$| $$ /$$__ $$ /$$__ $$| $$ $$/$$ $$ /$$__ $$ /$$_____/| $$ /$$/
| $$ \__/| $$$$$$$$| $$$$_ $$$$| $$| $$ \__/| $$$$$$$$| $$ $$$| $$| $$ \ $$| $$ | $$$$$$/
| $$ | $$_____/| $$$/ \ $$$| $$| $$ | $$_____/| $$\ $ | $$| $$ | $$| $$ | $$_ $$
| $$ | $$$$$$$| $$/ \ $$| $$| $$ | $$$$$$$| $$ \/ | $$| $$$$$$/| $$$$$$$| $$ \ $$
|__/ \_______/|__/ \__/|__/|__/ \_______/|__/ |__/ \______/ \_______/|__/ \__/
Quick start
1. Install
yarn add --dev rewiremock
or npm i --save-dev rewiremock
2. Setup
I would recommend not importing rewiremock
directly from tests, but create a rewiremock.js
file and require it - in this way, you can preconfigure rewiremock for all tests.
for ts/es6/esm use import
import rewiremock from 'rewiremock';
rewiremock.overrideEntryPoint(module);
export { rewiremock }
for commonjs/nodejs use require('rewiremock/node')
const rewiremock = require('rewiremock/node');
rewiremock.overrideEntryPoint(module);
module.exports = rewiremock;
for webpack
import rewiremock from 'rewiremock/webpack';
rewiremock.overrideEntryPoint(module);
export { rewiremock }
You will also need to add a few plugins to your webpack test configuration (no need to keep them all in production).
If you import rewiremock
directly from your tests, you dont need overrideEntryPoint
3. Use
There are 3 ways to mock, all with pros and cons.
proxyquire - like
Simplest one.
const file = rewiremock.proxy('file.js', {
'dependency': stub
});
const file = rewiremock.proxy(() => require('file.js'), {
'dependency': stub
});
💡to make it really "proxyquire like" - add .relative
plugin. Which will allow mocking of direct dependencies only, like with proxyquire
import rewiremock, { addPlugin, plugins } from 'rewiremock';
addPlugin(plugins.relative);
mockery - like
Most powerfull one
rewiremock('dependency').with(stub);
rewiremock(() => require('dependency')).with(stub);
rewiremock(() => import('dependency')).with(stub);
rewiremock.enable();
const file = require('file.js');
rewiremock.disable();
jest - like
Shortest one
rewiremock('dependency').with(stub);
💡 requires rewiremock/babel
plugin
4. Tune
There are plenty of plugins to make your life easier. For example - this is my favorite setup
import { resolve } from 'path';
import rewiremock, { addPlugin, overrideEntryPoint, plugins } from 'rewiremock';
import { configure } from 'rewiremock/lib/plugins/webpack-alias';
configure(resolve(`${__dirname}/../../webpack.config.test.js`));
overrideEntryPoint(module);
addPlugin(plugins.webpackAlias);
addPlugin(plugins.relative);
addPlugin(plugins.usedByDefault);
export { rewiremock };
What command to use???!!!
const mock = rewiremock.proxy(() => require('somemodule'), r => {
'dep1': { name: 'override' },
'dep2': r.with({name: 'override' }).toBeUsed().directChildOnly(),
}));
There are two important things here:
- You can use
require
or import
to specify the file to require and the file to mock. This helps to resolve file names and maintain type information(if you have it). See Guided Mocking
below. - You can mix simplified helpers (like
.proxy
) and the main API.
ESM modules
If you want to support ESM modules(powered by @std/ESM, not native modules) you have to use the import
function.
- use
.module
- an "async" version of .proxy
const mock = await rewiremock.module(() => import('somemodule'), {...});
- or just use
import
- that would
rewiremock(() => require('xxx').with({});
rewiremock('yyy').with({});
const file = await import('somemodule');
Ok! Let's move forward!
API
main API
rewiremock.enable()
- wipes cache and enables interceptor.rewiremock.disable()
- wipes cache and disables interceptor.rewiremock.around(loader, creator):Promise< T >
- loads a module in an asynchronous sandbox.rewiremock.proxy(file, stubs):T
- proxyquire like mocking api, where file is file name, and stubs are an object or a function.rewiremock.module(loader, stubs):Promise< T >
- async version of proxy, where loader is a function.
mocking API
rewiremock(moduleName: string)
- fabric for a moduleNames's mockrewiremock(moduleImport: loader)
- async fabric for a module import function.
.enable/disable()
- to enable or disable mock (enabled by default)..with(stubs: function | Object)
- overloads module with a value.withDefault(stub: function | Object)
- overload default
es6 export.es6()
- marks module as ES6( __esModule ).by(otherModule: string| function)
- overload by another module(if string provider) or by result of a function call..callThrough()
- first load the original module, and next extend it by provided stub..mockThrough([stubFactory])
- first load the original module, and then replaces all exports by stubs..dynamic()
- enables hot mock updates..toBeUsed()
- enables usage checking..directChildOnly
- will do mock only direct dependencies..calledFromMock
- will do mock only dependencies of mocked dependencies.
rewiremock.getMock(moduleName: string|loader)
- returns existing mock (rewiremock(moduleName) will override)
isolation API
rewiremock.isolation()
- enables isolationrewiremock.withoutIsolation()
- disables isolationrewiremock.passBy(pattern or function)
- enables some modules to pass throught isolation.
sandboxing
rewiremock.inScope(callback)
- place synchronous callback inside a sandbox.
helper functions
rewiremock.stubFactory(factory)
- define a stub factory for mockThrough command.
Automocking
Rewiremock supports (inspired by Jest) auto __mocks__
ing.
Just create __mocks__/fileName.js
, and fileName.js
will be replaced by the mock. Please refer to Jest documentation for use cases.
If you don't want a particular file to be replaced by its mock - you can disable it with:
rewiremock('fileName.js').disable();
Which API to use?
Yep - there are 4 top-level ways to activate a mock - inScope
, around
, proxy
or just enable
.
A common way to mock.
Rewiremock provides lots of APIs to help you set up mocks, and get the mocked module.
- If everything is simple - use rewiremock.proxy. (~proxyquire)
- If you have issues with name resolve - use rewiremock.module and resolve names by yourself.
- If you need scope isolation - use rewiremock.around, or inScope.
- If you need advanced syntax and type checking - use rewiremock.around.
- You always can just use .enable/.disable (~ mockery).
All the mocks await you to provide "stubs" to override the real implementation.
If you want just to ensure you have called endpoints – use rewiremock('someFile').mockThrough.
Usage
proxy
will load a file by its own ( keep in mind - name resolution is a complex thing)
const mock = rewiremock.proxy('somemodule', (r) => ({
'dep1': { name: 'override' },
'dep2': r.with({name: 'override' }).toBeUsed().directChildOnly(),
'dep3': r.mockThrough()
}));
- you can require a file by yourself. ( yep, proxy is a "god" function)
const mock = rewiremock.proxy(() => require('somemodule'), {
'dep1': { name: 'override' },
'dep2': { onlyDump: 'stubs' }
}));
- or use es6
import
(not for Node.js mjs real
es6 modules)
module
is an async version of proxy, so you can use imports
const mock = await rewiremock.module(() => import('somemodule'), {
'dep1': { name: 'override' },
'dep2': { onlyDump: 'stubs' }
}));
around
- another version of .module, where you can do just anything.
const mock = await rewiremock.around(() => import('somemodule'), () => {
rewiremock('dep1').with('something');
callMom();
}));
enable
/disable
- Low level API
rewiremock('someThing').with('someThingElse')
rewiremock.enable();
rewiremock.disable();
In all the cases you can specify what exactly you want to mock, or just mock anything
addPlugin(plugins.mockThroughByDefault);
Hoisted mocking
You can also use a top-level mocking, the same as Jest could only provide
import sinon from 'sinon';
import rewiremock from 'rewiremock';
import Component1 from 'common/Component1';
import selectors from 'common/selectors';
rewiremock('common/Component1').by('common/Component2');
rewiremock('common/Component2/action').with({ action: () => {} });
rewiremock('common/selectors').mockThrough(() => sinon.stub());
selectors.findUser.returns("cat");
As result Component1 will be replaced by Component2, action with empty function and
all selectors by sinon stubs, with one configured.
This is only possible via babel plugin, and without it, this code will be executed without any sense, as long mocking
will be configured after the files required.
Limitations
- Other babel plugins, including JSX, won't work inside webpack hoisted code. But you may define
any specific code in "functions", and let JavaScript hoist it.
- Most variables, that you have defined in the file, are not visible to hoisted code, as long they are not yet defined.
Only functions will be hoisted.
- Add
rewiremock/babel
into the plugin section of your .babelrc
or babel.config.js
file
{
"presets": [
],
"plugins": [
"rewiremock/babel"
]
}
- This example will be transpiled into
import sinon from 'sinon';
import rewiremock from 'rewiremock';
rewiremock('common/Component1').by('common/Component2');
rewiremock('common/Component2/action').with({ action: () => {} });
rewiremock('common/selectors').mockThrough(() => sinon.stub());
rewiremock.enabled();
import Component1 from 'common/Component1';
import selectors from 'common/selectors';
rewiremock.disable();
selectors.findUser.returns("cat");
Keep in mind - rewiremock will hoist mock definition next to rewiremock import.
- You can use anything above rewiremock import
- You can mock anything below rewiremock import
Changing the mocks after the mocking
It is possible to partially change mocking already being applied.
rewiremock('./foo')
.callThrough()
.with({ action1: action1Stub1 })
.dynamic();
const foo = require('./foo');
foo.action == action1Stub1;
rewiremock.getMock('./foo')
.with({ action1: action1Stub2 });
rewiremock('./foo')
.with({ action1: action1Stub2 });
foo.action == action1Stub2;
rewiremock('./foo')
.with({ });
foo.action == theRealFoo;
Changing the hoisted mocks
import rewiremock from 'rewiremock';
import foo from './foo';
rewiremock('./foo')
.with({ action1: action1Stub1 })
.dynamic();
const fooMock = rewiremock.getMock('./foo');
describe(..., () => {
it('...', () => {
fooMock.with({ });
rewiremock.getMock('./foo').with({ });
});
})
Guided mocking
You may use require
or import
to let IDE help you to properly write fileName,
and hide all filename resolution and transformation behind the scenes.
But there are things you have to keep in mind
- Resolution of synchronous API happens on .enable
rewiremock(() => require('./fileToMock1'));
rewiremock.enable();
rewiremock(() => require('./fileToMock2'));
- Using async API will throw an error
rewiremock(() => import('./fileToMock1'));
rewiremock.enable();
- Async API requires async API
rewiremock.module( () => import('file'))
rewiremock.around(..., rw => rw.mock(() => import('file2')))
Type safety
Rewiremock can provide type-safe mocks. To enable type-safety to follow these steps:
- Use TypeScript or Flow.
- Use dynamic import syntax.
- Use
rewiremock.around
or rewiremock.module
to perform a mock. - Use the async form of rewiremock mock declaration.
import rewiremock from 'rewiremock';
rewiremock.around(
() => import('./a.js'),
mock => {
mock(() => import('./b.js'))
.withDefault(() => "4")
.with({testB: () => 10})
.nonStrict()
.with({ absolutely: "anything" })
}
);
If default export is not exists on module 'b', or there is no named export testB, or types do not match - type system will throw.
If you will declare an async mock, it will not be resolved by the time of execution - Rewiremock will throw on Error.
If you have async imports inside a mocked file, follow this syntax
rewiremock.around(
() => import('./a.js'),
mock => {
mock(() => import('./b.js').then(mock=>mock))
mock => {
....
}
}
);
Type safety for JavaScript
Rewiremock can check mock against the real implementation. This does not perform type checking
, but
could check exported names and exported types (function vs number, for example).
Rewiremock expects that mock will be less or equal than the original file.
rewiremock: mocked export "somethingMissing" does not exist in ./b.js
rewiremock: exported type mismatch: ./b.js:default. Expected function, got number
To activate exports comparison
rewiremock('somemoduname')
.toMatchOrigin();
import rewiremock, { addPlugin, removePlugin, plugins } from 'rewiremock';
addPlugin(plugins.alwaysMatchOrigin);
Setup
To run with Node.js
Just use it. You can also activate node.js, which will double-check all modules names on a real FS, but...
everything might work out of the box.
PS: Just use usedByDefault
to ensure module names are resolved correctly.
There is also a special entry point for node.js, with nodejs plugin activated, and rewiremock as es5 export
const rewiremock = require('rewiremock/node');
const rewiremock = require('rewiremock').default;
To run inside webpack environment.
Rewiremock can emulate
few webpack features(like aliases) in node.js environment, but it also can be run inside webpack.
Actually rewiremock is the first client-side mocking library
But not so fast, handy. First, you have to have 3(!) Plugins enabled.
webpack.NamedModulesPlugin()
. To enlight the real names of modules, not "numbers". Enabled by default in webpack "dev" modewebpack.HotModuleReplacementPlugin()
. To provide some information about connections between modules.
Might be (and usually) already enabled, double activation of this plugin might break everything.rewiremock.webpackPlugin
. To add some magic and make gears rolling.
plugins: [
new webpack.NamedModulesPlugin(),
new webpack.HotModuleReplacementPlugin(),
new (require("rewiremock/webpack/plugin"))()
]
That's all. Now all magic will happen at the client-side.
It is better to use .proxy/module command with direct require/import and leaves all names conversion to webpack.
Hint
For better dev experience include special configuration of webpack
import rewiremock from 'rewiremock/webpack';
webpack troubleshooting
Currently, there are 2 known problems, both for mocha+webpack, ie using node.js to run webpack bundle:
-
TypeError: Cannot read property 'webpackHotUpdate' of undefined
Caused by babel. Just don't use babel then running webpack bundles (ie babel-register). Use babel to create bundles.
-
TypeError: Cannot read property 'call' of undefined
Caused by webpack. Sometimes it does not include some important files.
To solve this problem just import('rewiremock/webpack/interceptor')
in scaffolding.
The problem is simply - this file does not exist in the bundle.
To actually... mock
First - define your mocks. You can do it in any place, this is just a setup.
import rewiremock from 'rewiremock';
...
rewiremock('fs')
.with({
readFile: yourFunction
});
rewiremock('path')
.by('path-mock');
rewiremock('enzyme')
.by(({requireActual}) => {
const enzyme = requireActual('enzyme');
if (!mockSetup) {
const chai = requireActual('chai');
const chaiEnzyme = requireActual('chai-enzyme');
chai.use(chaiEnzyme());
}
return enzyme;
});
rewiremock('reactComponent')
.withDefault(MockedComponent)
rewiremock('someLibrary')
.callThrough()
.with({
onlyOneMethod
})
rewiremock('myDep')
.with(mockedDep)
.calledFromMock()
Running
There is a simply way to do it: Just enable it, and dont forget to disable it later.
beforeEach( () => rewiremock.enable() );
const someModule = require('someModule');
afterEach( () => rewiremock.disable() );
Once enabled, rewiremock will wipe all mocked modules from cache, and all modules which require them.
Including your test.
Once disabled it will restore everything.
All unrelated to test dependencies will be kept. Node modules, react, common files - everything.
As a result - it will run faster.
inScope
Sometimes you will have independent tests in a single file, and you might need separate mocks for each one.
inScope
execute callback inside a sandbox, and all mocks or plugins or anything else you have added will not leaks away.
rewiremock.inScope( () => {
rewiremock('something').with(something);
rewiremock.enable();
....
rewiremock.disable();
});
Around
And there is a bit harder way to do it - scope.
inScope will create a new internal scope, next you can add something new to it, and then it will be destroyed.
It will also enable/disable rewiremock just in time.
This helps keep tests in isolation.
PS: scopes are nesting each other as javascript prototypes do.
rewiremock.around(
() => import('somemodule'),
(mock) => {
addPlugin(nodePlugin);
mock('./lib/a/foo').with(() => 'aa');
mock('./lib/a/../b/bar').with(() => 'bb');
mock('./lib/a/../b/baz').with(() => 'cc');
}
)
.then((mockedBaz) => {
expect(mockedBaz()).to.be.equal('aabbcc');
});
or just
rewiremock.around(() => import('somemodule')).then(mockedModule => doSomething)
or
rewiremock.around(
() => import('somemodule').then( mockedModule => doSomething),
(mock) => aPromise
);
Currently, .inScope
is the only API capable to handle es6(not node [m]js!) dynamic imports.
Proxy
Sometimes it is much easier to combine all the things.
rewiremock.proxy('somemodule', (r) => ({
'dep1': { name: 'override' },
'dep2': r.with({name: 'override' }).toBeUsed().directChildOnly()
}));
rewiremock.proxy('somemodule', {
'dep1': { name: 'override' },
'dep2': { name: 'override' }
}));
Plugins
By default - rewiremock has limited features. You can extend its behavior via plugins.
relative
. A bit simplistic, proxyquire-like behavior. Will override only first level dependencies, and will wipe a lot of modules from a cache. If you need override at other place - use .atAnyPlace
modificator.nodejs
. Common support to "usual" Node.js application. Will absolutize all paths. Will wipe cache very accurately.webpack-alias
. deprecated. Enables you to use webpack aliases as module names. Please use node-js resolution for this.childOnly
. Only first level dependencies will be mocked.protectNodeModules
. Ensures that any module from node_modules will not be wiped from a cache.toBeUsed
. Adds feature. The only plugin enabled by default.disabledByDefault
. All mocks will be disabled on create and at the end of each cycle.mockThroughByDefault
. All mocks mocked through.usedByDefault
. All mocks to be used by the fact (reverse isolation)
import rewiremock, { addPlugin, removePlugin, plugins } from 'rewiremock';
addPlugin(plugins.webpackAlias);
removePlugin(plugins.webpackAlias);
Nested declarations
If you import rewiremock from another place, for example, to add some defaults mocks - it will not gonna work.
Each instance of rewiremock in independent.
You have to pass your instance of rewiremock to build a library.
PS: note, rewiremock did have nested API, but it was removed.
Isolation
Unit testing requires all dependencies to be mocked. All!
To enable it, run
rewiremock.isolation();
rewiremock.withoutIsolation();
Then active - rewiremock will throw error on require of any unknown module.
The unknown is a module which is nor mocked, nor marked as pass-through.
To make few modules to be invisible
to rewiremock, run
rewiremock.passBy();
rewiremock.passBy(/common/);
rewiremock.passBy(/React/);
rewiremock.passBy(/node_modules/);
rewiremock.passBy((name) => name.indexOf('.node')>=0 )
Reverse isolation
Sometimes you have to be sure, that you mock was called.
Isolation will protect you then you add new dependencies, .toBeUsed
protect you from removal.
Jest
Jest is a very popular testing framework, but it has one issue - is already contain mocking support.
Do not use rewiremock and jest. Even if it is possible.
Jest will not allow ANY other mocking library to coexists with Jest
To use rewiremock with Jest add to the beginning of your file
jest.disableAutomock();
rewiremock.overrideEntryPoint(module);
require = rewiremock.requireActual;
!!! the last line here may disable Jest sandboxing. !!!
Also, it will disable Jest transformation, killing all the jest magics.
To be able to continue using ES6/imports - you have to enforce Babel to be applied in the common
way.
describe('block of tests', () => {
require("babel-register");
})
PS: Jest will set BABEL_ENV to test
.
It is better just to use rewiremock.requireActual
, without overriding global require.
Your own setup.
In most cases you have to:
- add plugin
- setup default passBy rules
- add some common mocks
- do something else.
And it is not a good idea to do it in every test you have.
It is better to have one setup file, which will do everything for you
- Part 1 - man in the middle
import rewiremock from 'test/rewiremock';
- Part 2 - create your own one
import rewiremock, { addPlugin, overrideEntryPoint} from 'rewiremock';
addPlugin(something);
rewiremock('somemodule').with();
overrideEntryPoint(module);
export default rewiremock;
- Part 3 - enjoy.
You extract some common code into a helper. And things become a lot easier.
Default configuration
Absolutely the same - preconfiguring rewiremock one can achieve via default configuration.
Just put rewiremock.config.js in the root dir, next to project.json, and export a configuration function
import wrongrewiremock, {plugins} from 'rewiremock';
export default rewiremock => {
rewiremock.addPlugin(plugins.nodejs)
}
Caching
Default cache policy follows these steps:
- Preparation:
- all files required from the original test, while interceptor is active, will bypass cache.
- all files you indicate as mocks will be removed from the cache.
- all "soiled" files which rely on mocks - will also be removed from the cache.
- repeat.
- Finalization
- repeat all mocks and possible "soiled" by mocks files.
- copy over the old cache.
- or restore the old cache completely if
forceCacheClear
mode is set.
The last variant is the default for proxyquire and mockery, also it is more "secure" from different side effects.
Regardless, default is the first variant - as a way faster, and secure enough.
As a result of this mocking strategy, you can mock any file at any level, while keeping other files cached.
Hint
If you don't want this - just add relative
plugin. It will allow mocking only for modules
required from module with parent equals entryPoint.
PS: module with parent equals entryPoint - any module you require from the test (it is an entry point).
required from that module - the first level required. Simple.
Own plugins
Don't forget - you can write your own plugins.
plugin is an object with fields:
{
fileNameTransformer: (fileName, parentModule) => fileName;
wipeCheck: (stubs, moduleName) => boolean,
shouldMock: (mock, requestFilename, parentModule, entryPoint) => boolean
}
Extensions
Rewiremock will automatically try to resolve file
- by specified name
- adding .js, .jsx, .ts, .tsx, .mjs
- you can override defaults
import {resolveExtensions} from 'rewiremock';
resolveExtensions(['.wasm', '.mjs', '.js', '.json']);
resolveExtensions
is quite similar to webpack's resolve extensions.
Not working?
If something is not working - just check that you:
- added a plugin to transform names (Node.js, webpackAlias or relative)
- use .toBeUsed for each mocks
And they were mocked. If not - rewiremock will throw an Error.
Goal
- give the ability to mock everything - CommonJS, ES6, inside Node.js or webpack.
- give the ability to do correctly - isolation, type checking, powerful API
- give the ability to do it easy - simple API to cover all the cases.
Other libraries
Dependency mocking, inspired by the best libraries:
- mockery -
rewiremock
is a better mockery
, with the same interface. - proxyquire -
rewiremock
is a better proxyquire
, with the same interface. - mock-require - things must not be complex,
rewiremock
is not. - jest.mocks -
jest
is awesome. As well as rewiremock
.
Rewiremock is a better version of your favorite mocking library. It can be used with mocha
, ava
, karma
, and anything that's not jest
.
By design, rewiremock has the same behavior as Mockery. But it can behave like other libraries too, exposing handy interfaces to make mocking a joy. Supports type-safe mocking and provides TS/Flow types for itself.
Wanna read something about?
Rewiremock - medium article
all by tag
Licence
MIT
Happy mocking!