This is an example using Travis CI for continuous integration and Istanbul/Coveralls for code coverage.
Install dependencies:
$ npm installRun tests:
$ npm coveralls- Node v6.5.0
- Mocha v3.0.2
- Chai v3.5.0
- Istanbul v0.4.5
- Coveralls v2.11.12
Using the html-webpack-plugin
Install the dependency:
npm i --save-dev html-webpack-pluginRequire the plugin in your webpack.config.js:
var HtmlWebpackPlugin = require('html-webpack-plugin');Add an entry to the plugins array where I instantiate the plugin with two properties:
templatedefines the template the plugin will use to generate the HTMLinject:bodytells the plugin to inject Javascript into the bottom of the page, just before the closing<body>tag, instead of the<head>tag
plugins: [
...
new HtmlWebpackPlugin({
template: 'index.template.ejs',
inject: 'body',
})
],Enzyme is a Javascript Testing Utility for React to make it easier to assert, manipulate, and traverse your React Component's output. It mimicks jQuery's API for DOM manipulation and traversal. Install the dependencies below for compatibility with
React 0.14.xorReact 15.x:
npm i --save-dev enzyme react-addons-test-utils
npm i --save react-dom##Credits
MIT © AJ Grande