Question

React单元测试 (一)

Answer 1

Jest 是Facebook的一个专门进行Javascript单元测试的工具，适合React。

基本方法 ：
分组（Test Group）：descripe(描述语,function)
测试用例（Test Case）：test(描述语,function)
断言（Assert）：expect(运行需测试的方法并返回实际结果).toBe(预期结果)

Enzyme 底层其实也是基于 react-test-renderer 和 react-dom/test-utils 的。但它在二者的基础上进行了封装提供了更加简单易用的查询、断言方法。在概念上，Enzyme 也与二者非常相似。在 Enzyme 中有三种 render 模式：

package.json如下：

然后在setupTests.js 中进行配置

test工程目录

然后在base.test.js中编写用例就可以了

React官网文档——test-utils
jest官网文档
enzyme官网文档
利用 Jest 为 React 组件编写单元测试——loveky