From 3f36bba5fed7a0ff9da5e64a098131765bdfb9dd Mon Sep 17 00:00:00 2001 From: stephen grider Date: Wed, 2 Mar 2016 14:31:05 -0800 Subject: [PATCH] added test boilerplate and helpers --- package.json | 10 +++++++++- test/components/app_test.js | 14 ++++++++++++++ test/test_helper.js | 35 +++++++++++++++++++++++++++++++++++ 3 files changed, 58 insertions(+), 1 deletion(-) create mode 100644 test/components/app_test.js create mode 100644 test/test_helper.js diff --git a/package.json b/package.json index 95592f7..4c67831 100644 --- a/package.json +++ b/package.json @@ -5,7 +5,9 @@ "main": "index.js", "repository": "git@github.com:StephenGrider/ReduxSimpleStarter.git", "scripts": { - "start": "node ./node_modules/webpack-dev-server/bin/webpack-dev-server.js" + "start": "node ./node_modules/webpack-dev-server/bin/webpack-dev-server.js", + "test": "mocha --compilers js:babel-core/register --require ./test/test_helper.js 'test/**/*.js'", + "test:watch": "npm run test -- --watch" }, "author": "", "license": "ISC", @@ -14,6 +16,12 @@ "babel-loader": "^6.2.0", "babel-preset-es2015": "^6.1.18", "babel-preset-react": "^6.1.18", + "chai": "^3.5.0", + "chai-jquery": "^2.0.0", + "jquery": "^2.2.1", + "jsdom": "^8.1.0", + "mocha": "^2.4.5", + "react-addons-test-utils": "^0.14.7", "webpack": "^1.12.9", "webpack-dev-server": "^1.14.0" }, diff --git a/test/components/app_test.js b/test/components/app_test.js new file mode 100644 index 0000000..d7a17a5 --- /dev/null +++ b/test/components/app_test.js @@ -0,0 +1,14 @@ +import { renderComponent , expect } from '../test_helper'; +import App from '../../src/components/app'; + +describe('App' , () => { + let component; + + beforeEach(() => { + component = renderComponent(App); + }); + + it('renders something', () => { + expect(component).to.exist; + }); +}); diff --git a/test/test_helper.js b/test/test_helper.js new file mode 100644 index 0000000..7e727fe --- /dev/null +++ b/test/test_helper.js @@ -0,0 +1,35 @@ +import _$ from 'jquery'; +import React from 'react'; +import ReactDOM from 'react-dom'; +import TestUtils from 'react-addons-test-utils'; +import jsdom from 'jsdom'; +import chai, { expect } from 'chai'; +import chaiJquery from 'chai-jquery'; +import { Provider } from 'react-redux'; +import { createStore } from 'redux'; +import reducers from '../src/reducers'; + +global.document = jsdom.jsdom(''); +global.window = global.document.defaultView; +const $ = _$(window); + +chaiJquery(chai, chai.util, $); + +function renderComponent(ComponentClass, props = {}, state = {}) { + const componentInstance = TestUtils.renderIntoDocument( + + + + ); + + return $(ReactDOM.findDOMNode(componentInstance)); +} + +$.fn.simulate = function(eventName, value) { + if (value) { + this.val(value); + } + TestUtils.Simulate[eventName](this[0]); +}; + +export {renderComponent, expect};