4. How to do Unit test React project / 如何单元测试

最后更新于:2022-04-01 05:02:04

## 4.1 [Jest](http://facebook.github.io/jest/) 总的来说,jest 的测试理念解决了非常多的前端测试的棘手问题,我做过一个关于 jest 的 session, 文章在 [这里](https://gistdeck.github.com/jcouyang/34686f695cd28309759e)。 文章可能写得有点早,非常知道高兴的是终于支持[最新的 nodejs 了](https://github.com/facebook/jest/blob/master/package.json#L34),而且 重要的是 facebook 使用 jest 测试 react,有一些非常方便的 mock component 的方法。 recap 一下主要是 * automock/ manual mock * jsdom * 并行测试 ## 4.2 jasmine jasmine 只是一个引擎,jest 也是用 jasmine 作为引擎。但是如果由于某种原因你不想用 jest 的话,可能你需要花更多的 effort 在: * mock (rewire.js) * runner (karma) * headless browser for ci(phantomjs) 所以并不推荐花这么大 effort 去撘一个 jasmine 的测试环境,关键还会有一系列的问题 * phantomjs 怪怪的 issue * karma 复杂的配置 * rewire 也有一些坑 ## 4.3 mocha 没试过用来测 React,不过 mocha 比 jasmine 好的一点是本身就可以跑在 node 上,使用 sinon(mock) 和 should.js(assert) 是个非常强大的一套测试工具。
';