spencercdixon / react-testing-starter-kit

React/Webpack react starter kit to get up and going with TDD quickly. Uses Chai, Mocha, Sinon, Enzyme, and Karma. OUTDATED --> Use Jest!

OUTDATED!!! --> Use Jest, it's great :-)

This starter kit goes with a blog post I wrote on how to set up TDD React environment. The blog post can be found here.

Goal: Goal of this starter kit is just to act as an example of a pretty robust testing environment for React.

Getting Started

git clone [email protected]:SpencerCDixon/react-testing-starter-kit.git myProject
cd myProject

nvm use 5.1.0    # make sure to use v4 or greater
npm install

# open split terminal window
npm run dev      # get webpack server running
npm run dev:test # to get karma test server going

Note The webpack config in this project is not out of the box ready for production. You will want to set up Plugins like UglifyJS and a compile script that compiles webpack in production mode.

Tooling

This starter kit uses:

• Mocha
• Chai
• Sinon
• Enzyme
• Karma
• Webpack

react-testing-starter-kit's Issues

怎么检查组件内部的函数是否被调用那

problems with sinon

after installing i got next problem
PhantomJS 1.9.8 (Windows 8 0.0.0) ERROR
Error: Cannot find module './sinon/util/core'.
at D:/reflex/PashaGraph/PashaGraph/front-end6/test/components/CommentList.spec.js:26876 <- webpack:/~/sinon/pkg ^./.*$:31:0

PhantomJS 1.9.8 (Windows 8 0.0.0): Executed 0 of 0 ERROR (2.903 secs / 0 secs)

Error when running karma

Hey,
I went through all the tutorial parts and everything worked fine but the karma section.
This is my package.json and karma.config

ReactTDD.zip

When I run "npm run test:dev" I receive the following error:
Error: Cannot find module './sinon/util/core'.

报错

PhantomJS如果没有事先全局安装过的话会报错的

Test coverage

Great starter!
The only thing is no coverage (

react testing with

I follow your demo,I was testing the index component, and then other components were introduced into the component, and the component was not reported at the time of the test.Please help @SpencerCDixon

karma and mocha

can`t distinguish the mocha and karma and so so,any article state those?