如何使用Webstorm对React项目进行单元测试？

Question

我们的组件通常是使用了JSX语法的，如何在Webstorm中对React组件进行单元测试的？如果Webstorm没有内置该功能，能否通过其它方法来测试？

Answer 1

我最近也在做类似的尝试，找到几篇文章，讲解的是react 下的测试，你可以看看

http://www.aliued.com/?p=4095
http://zhenhua-lee.github.io/...
http://www.ruanyifeng.com/blo...
http://react-china.org/t/jest...

Answer 2

http://mochajs.org/

Answer 3

推荐两个吧。
第一个是 facebook 自己家的 Jest：https://facebook.github.io/jest
第二个是 airbnb 的 Enzyme：https://github.com/airbnb/enzyme

印象中，Webstorm 目前这两个都没有本地支持。习惯上也不会在 webstorm 跑。当然，你可以选择放到 webstorm 的 terminal 里跑，肯定是没问题的

至于上面提到的 mocha，jasmine 之类的，这些 webstorm 都有本地支持。但问题是他们没有专门针对 react 的模块。理论上，你可以 mock 一下 DOM，一样可以完成 React 代码的单元测试