Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/speedskater/babel-plugin-rewire
A babel plugin adding the ability to rewire module dependencies. This enables to mock modules for testing purposes.
https://github.com/speedskater/babel-plugin-rewire
Last synced: 29 days ago
JSON representation
A babel plugin adding the ability to rewire module dependencies. This enables to mock modules for testing purposes.
- Host: GitHub
- URL: https://github.com/speedskater/babel-plugin-rewire
- Owner: speedskater
- Created: 2015-05-12T09:11:47.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2023-08-17T19:58:03.000Z (over 1 year ago)
- Last Synced: 2024-10-29T21:24:52.186Z (about 2 months ago)
- Language: JavaScript
- Homepage:
- Size: 561 KB
- Stars: 842
- Watchers: 9
- Forks: 90
- Open Issues: 57
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-babel - rewire - Adds the ability to rewire module dependencies. This enables to mock modules for testing purposes. (Plugins / Testing)
README
# babel-plugin-rewire
A Babel plugin that adds the ability to rewire module dependencies.
[](https://travis-ci.org/speedskater/babel-plugin-rewire) [](https://gitter.im/speedskater/babel-plugin-rewire?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
It is inspired by [rewire.js](https://github.com/jhnns/rewire) and transfers its concepts to es6 using babel.
It is useful for writing tests, specifically to mock the dependencies of the module under test.
Therefore for each module it adds and exports the methods `__GetDependency__`, `__Rewire__`, and `__ResetDependency__`.
For compatibility reasons with rewire.js, the methods `__get__` and `__set__` are exported as well.
From version 1.0.0-rc-7 on calls to `__set__` will return a revert function like rewire.js.
These methods allow you to rewire the module under test.
Furthermore in case of a default export these methods are assigned to the existing default export, except for default exports of primitive types (boolean, number, string, ...).
An additional object named `__RewireAPI__` is exported as named export as well as a property of the default export. This object itself contains all the functions mentioned above as fields. This enables one to rewire members of the imported module itself without explicitly importing the module (see [Handling of default exports](#handling-of-default-exports) below).
## ES6 Imports and React
Dependencies from import statements can be rewired
### Example
```javascript
import ChildComponent from 'child-component-module';
export default class MyFancyWrapperComponent extends React.Component {
render() {
return (
);
}
}
```
### Test Code
```javascript
import ComponentToTest from 'my-fancy-wrapper-component-module';
ComponentToTest.__Rewire__('ChildComponent', React.createClass({
render: function() { return
; }
}));
....
ComponentToTest.__ResetDependency__('ChildComponent');
```
## Node/browserify require() and top-level var support
Variables declared and initialised at the top level, such as those from require() calls, can be rewired
### Example
```javascript
var Path = require('path');
var env = 'production';
module.exports = function(name) {
return Path.normalise(name);
}
```
### Test Code
```javascript
var Normaliser = require('Normaliser');
Normaliser.__Rewire__('Path', {
normalise: (name) => name;
});
Normaliser.__Rewire__('env', 'testing');
....
Normaliser.__ResetDependency__('Path');
```
## Named and top level function rewiring
Besides top level variables also top level functions defined in the imported module can be rewired.
When exported functions of a module depend on each other it can be convenient to test them independently.
Hence, babel-plugin-rewire allows you to rewire the internal dependencies to exported named functions as shown in the example below.
Be aware, that rewiring a named export does not influence imports of that same export in other modules!
### Example
Asuming you have a module `TodoOperations.js` that internaly uses an asynchronous api to fetch some information
```js
function fetchToDos() {
...
return new Promise(...);
}
export function filterToDos( filterString ) {
return fetchToDos().then( function( todos ) {
// Highly fashioned filter function code ...
return filteredToDos;
});
}
export function filterAndSortToDos( filterString, sortOrder ) {
return fetchToDos( filterString ).then( function( filteredToDos ) {
// Higly fashioned sort function
return filteredAndSortedToDos;
});
}
```
### Test Code
In your test you can mock your API-calls to simply return static dummy data like this
```js
import { filterToDos, filterAndSortToDos, __RewireAPI__ as ToDosRewireAPI } from 'TodoOperations.js';
describe('api call mocking', function() {
it('should use the mocked api function', function(done) {
ToDosRewireAPI.__Rewire__('fetchToDos', function() {
return Promise.resolve(['Test more', 'Refine your tests', 'Tests first rocks']);
});
filterToDos('Test').then(function(filteredTodos) {
//check results
done();
}).catch((e) => fail());
ToDosRewireAPI.__ResetDependency__('fetchToDos');
});
it('should use the mocked filter function', function(done) {
ToDosRewireAPI.__Rewire__('filterToDos', function() {
return Promise.resolve( ['02 Test more', '01 Test even more' ] );
});
filterAndSortToDos('Test', 'asc').then(function(filteredAndSortedTodos) {
//check results
done();
}).catch((e) => fail());
ToDosRewireAPI.__ResetDependency__('filterToDos');
});
});
```
## Handling of default exports
If a non primitive default export is present in the imported module, it is enriched with the API-Functions and the API-Object.
If no default export is present, the API-Object named `__RewireAPI__` becomes the default export of the module.
This object basically supports all the rewire API-Functions as described in the introduction above and allows one to rewire the module without explicitly importing the module itself.
### Example
Asuming your imported module does not have a default export specified like in this simple example
```js
function message() {
return 'Hello world';
}
export function foo() {
return message();
}
```
### Test Code
In your test you would use the default exported API-Object to rewire the function `message` of the imported module like this
```js
import FooModule from 'foo.js';
import { foo, __RewireAPI__ as FooModuleRewireAPI } from 'foo.js';
describe('module default export test', function() {
it('should demonstrate the default exported rewire api', function() {
expect( foo() ).to.equal('Hello world');
FooModule.__Rewire__('message', function() {
return 'my message';
});
expect( foo() ).to.equal('my message');
FooModule.__ResetDependency__('message');
});
it('should demonstrate the rewire apis named export', function() {
expect( foo() ).to.equal('Hello world');
FooModuleRewireAPI.__Rewire__('message', function() {
return 'my message';
});
expect( foo() ).to.equal('my message');
FooModuleRewireAPI.__ResetDependency__('message');
});
});
```
## Handling of async functions
Rewiring of async functions works as one would expect using the same API as for other rewires for both default exports and named exports.
### Example
Assuming your imported module consists of the following.
```js
// api.js
export default async function asyncApiDefault() {
return await asyncApi();
};
export async function asyncApi() {
return await api();
};
function api() {
// Some async API call
return Promise.resolve('API Response');
};
```
### Test Code
In your test you would use the default exported API-Object to rewire the function `asyncApiDefault` and `asyncApi` of the imported module like this.
```js
import { default as asyncApiDefault, asyncApi, __RewireAPI__ as AsyncApiRewireAPI } from 'api.js';
describe('async function export test', function() {
it('should be able to rewire default async function', function() {
return asyncApiDefault().then(response => {
expect(response).to.equal('API Response');
AsyncApiRewireAPI.__set__('asyncApi', function() {
return Promise.resolve('Mock API Response');
});
return asyncApiDefault().then(response => {
expect(response).to.equal('Mock API Response');
AsyncApiRewireAPI.__ResetDependency__('asyncApi');
});
});
});
it('should be able to rewire non default async function', function() {
return asyncApi().then(response => {
expect(response).to.equal('API Response');
AsyncApiRewireAPI.__set__('api', function() {
return Promise.resolve('Mock API Response');
});
return asyncApi().then(response => {
expect(response).to.equal('Mock API Response');
AsyncApiRewireAPI.__ResetDependency__('api');
});
});
});
});
```
## Resetting all
When "babel-plugin-rewire" is used the global method `__rewire_reset_all__` is added.
Each time this method is called all rewired dependencies across all modules are reset.
### Example
Assuming you have two imported modules:
Module1:
```js
var value = 'Module1-Original';
export default function getModule2Identifier() {
return value;
}
```
Module2:
```
var value = 'Module2-Original';
export default function getModule2Identifier() {
return value;
}
```
### Test Code
In your test by calling `__rewire_reset_all__` all dependencies are reset and you can ensure that no rewired data will harm subsequent tests.
```js
import getModule1Identifier from './src/Module1.js';
import getModule2Identifier from './src/Module2.js';
import expect from "expect.js";
describe('__rewire_reset_all__', function () {
it('should allow to reset all rewired dependencies', function() {
expect(getModule1Identifier()).to.be('Module1-Original');
expect(getModule2Identifier()).to.be('Module2-Original');
getModule1Identifier.__set__('value', 'module1-rewired');
getModule2Identifier.__set__('value', 'module2-rewired');
expect(getModule1Identifier()).to.be('module1-rewired');
expect(getModule2Identifier()).to.be('module2-rewired');
__rewire_reset_all__();
expect(getModule1Identifier()).to.be('Module1-Original');
expect(getModule2Identifier()).to.be('Module2-Original');
});
});
```
## Installation
```
$ npm install babel-core babel-plugin-rewire
```
## Usage
To use the plugin identify it by its long name "babel-plugin-rewire" or by its abbreviation "rewire". In case you are using rewire.js in the same project you must use the unabbreviated plugin name. Otherwise babel is trying to load rewire.js as a plugin which will cause an [error](https://github.com/speedskater/babel-plugin-rewire/issues/5).
### Commandline
abbreviated:
```
$ babel --plugins rewire ..
```
full plugin name:
```
$ babel --plugins babel-plugin-rewire ..
```
### With babelrc
You can also specify plugins via the [babelrc](http://babeljs.io/docs/usage/babelrc/) file:
```json
{
"plugins": ["rewire"]
}
```
Whether you're using the command line, JS API, or require hook, this file is honored by babel.
### JavaScript API
abbreviated:
```javascript
require("babel-core").transform("code", { plugins: ["rewire"] });
```
full plugin name:
```javascript
require("babel-core").transform("code", { plugins: ["babel-plugin-rewire"] });
```
### Require Hook
```javascript
require('babel-register')({
plugins: ['babel-plugin-rewire']
})
```
### Webpack
abbreviated:
```javascript
{test: /src\/js\/.+\.js$/, loader: 'babel-loader?plugins=rewire' }
```
full plugin name:
```javascript
{test: /src\/js\/.+\.js$/, loader: 'babel-loader?plugins=babel-plugin-rewire' }
```
### Browserify/Babelify
full plugin name:
```javascript
var appBundler = browserify({
entries: [test.src], // Only need initial file, browserify finds the rest
}).transform(
babelify.configure({
plugins: [require('babel-plugin-rewire')]
})
);
```
## Combining with other plugins/tools
### istanbul
To integrate babel-plugin-rewire with istanbul, it is recommended to use [babel-plugin-istanbul](https://github.com/istanbuljs/babel-plugin-istanbul).
This babel plugin instruments your code with Istanbul coverage.
It has been reported that the order of plugins are important. Therefore prefer the following order:
```json
{
"plugins": ["istanbul", "rewire"]
}
```
For a project integrating karma, babel, babel-plugin-rewire and istanbul please see [karma-rewire-istanbul-example](https://github.com/jseminck/karma-rewire-istanbul-example)
### [isparta](https://github.com/douglasduteil/isparta)
There are some things to consider when using babel-plugin-rewire together with isparta. Since isparta runs Babel itself it's important to remember to add the same configuration options to it as you would do with Babel. If you forget this you will in some cases see unexpected errors.
If you use _.babelrc_ it's advised that you run your tests with a specific ENV, for example "test", and add the following to your _.babelrc_.
Furthermore in case you use isparta only add the plugin once in the isparta loader and not in the babel loader as well.
```json
"env": {
"test": {
"plugins": ["rewire"]
}
}
```
If you are using isparta together with Webpack you could also do something like this.
```javascript
webpack: {
isparta: {
embedSource: true,
noAutoWrap: true,
babel: {
plugins: 'rewire'
}
},
preLoaders: [
...
{
test: /\.js$/,
include: path.resolve('src/'), //only source under test
loader: 'isparta'
},
]
...
}
```
## Examples projects
* [es6-library-boilerplate](https://github.com/CurtisHumphrey/es6-library-boilerplate)
## Release History
* 0.1.0 Initial release
* 0.1.1 Bugfix: moved to peer dependencies
* 0.1.2 Added \_\_set\_\_ and \_\_get\_\_ to provide compatibility with rewire.js
* 0.1.3 Added handling for the export of named declarations like classes or functions
* 0.1.4 Fixed variable handling and used renaming of scope variables. Further removed global identifiers to prevent memory leaks.
* 0.1.5 Fixed regression
* 0.1.6 Support for rewiring top level variables. Added module.exports for non-es6 modules.
* 0.1.7 Fixed regressions from 0.1.6.
* 0.1.8 Ignores destructuring assignments to prevent errors.
* 0.1.9 Removed issues with TDZ and es6.spec.blockScoping optional transformer.
* 0.1.10 Fixed tests.
* 0.1.11 Fixed issues with for-of loops.
* 0.1.12 Updated Plugin Format.
* 0.1.13 Changed rewire specific properties on default export to non-enumerable properties.
* 0.1.14 Added handling for non-enumerable properties to commonjs support. Support for mixed es6 and commonjs support. Handling for primitive types.
* 0.1.15 Added functionality to rewire functions.
* 0.1.16 Fixed variable scope for rewired functions.
* 0.1.17 Fixed variable scoping for var variable declarations.
* 0.1.18 Fixed function scope for rewired functions.
* 0.1.19 Removed debug statements.
* 0.1.20 Added rewiring named exported functions and variables.
* 0.1.21 Improved default export handling, fixed commonjs default exporting, fixed ast nodes resource leaks, improved README.
* 0.1.22 Added support for asynchronous functions
* 0.1.23-beta Improved flow compatibility, Added functionality to work with cyclic dependencies.
* 1.0.0-beta-1 Added support for babel 6, added support for rewiring classes, added support for flow types, added support for rewire.js compatible \__with\__
* 1.0.0-beta-2 Removed rewire of Object, require
* 1.0.0-beta-3 Removed support for rewiring of globals. Added support for rewiring in combination with assignment and update expressions.
* 1.0.0-beta-4 Updates jsx support in combination with babel 6 but has a regression
* 1.0.0-beta-5 Fixes rewiring of jsx elements. Readme improvements. Test for pass-through like modules.
* 1.0.0-rc-1 Fixes rewiring of switch statements. Readme improvements. Wildcard imports and tdz issues.
* 1.0.0-rc-2 Fixes issues with babelify, React stateless functions as well as flow declarations.
* 1.0.0-rc-3 Added support for ignoring identifiers and support for objects as parameter to \__set\__
* 1.0.0-rc-4 Support for rewiring to undefined, suppport for should.js and cleaned up package.json.
* 1.0.0-rc-5 Improved support for rewiring JSX-Components. Further improved for working in combination with other plugins.
* 1.0.0-rc-6 Fixed regression which can occur with variable declarators and function expressions. Fixed handling of default exports containing nested functions.
* 1.0.0-rc-7 Added revert function as a return of \__set\__ calls.
* 1.0.0 Fixed regression with object methods and improved istanbul documentation.
* 1.2.0-rc.1 Add support for babel 7, object spread and revert function from \_\_set\_\_ with object and fixes undefined variable error
## Contributors
* [speedskater](https://github.com/speedskater) - author and creator of initial release
* [Peet](https://github.com/peet) - module.exports and top-level var support
* [TheSavior](https://github.com/TheSavior) - support for non-enumerable rewire properties, support for ignored identifiers
* [Rene Saarsoo](https://github.com/nene) - support for using objects as parameter to \_\_set\_\_
* [PSpSynedra](https://github.com/PSpSynedra) - support for named export and function rewiring and improvements of default imports
* [Gustaf Dalemar](https://github.com/DLMR) - support for asynchronous functions
* [Spencre Leichty](https://github.com/spncrlkt) - support for named wildcard exports
* [Zhanzhan He](https://github.com/zh3) - support for wildcard imports
* [Kelly Selden](https://github.com/kellyselden) - fixed dependencies in package.json
* [Sasha Koss](https://github.com/kossnocorp) - support for rewiring to undefined
* [Kevin Canévet](https://github.com/StyMaar) - fixed incompatibility with should
* [Mike Sherov](https://github.com/mikesherov) - added support for for in loops
* [Thomas Levy](https://github.com/NilSet) - added support for babel 7
* [Malthe Jørgensen](https://github.com/malthejorgensen) - added support for object spread
* [Tim Whitbeck](https://github.com/twhitbeck) - added revert function from \_\_set\_\_ with object
* [Dennis E](https://github.com/destenson) - fixed undefined \_\_$$GLOBAL_REWIRE_REGISTRY\_\_ error
## License
The ISC License (ISC)
Copyright (c) 2015, Robert Binna
Permission to use, copy, modify, and/or distribute this software for any
purpose with or without fee is hereby granted, provided that the above
copyright notice and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.