Test Driven Development(TDD)测试驱动的开发
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/0796058a331fc328439c079cc4f524ed.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/5102c7702d980281274c5108e7c9a6ee.png)
React环境中配置jest
- 创建一个react项目,create-react-app默认集成了jest,默认配置文件在package.json里,我们也可以把他单独拿出来放在jest.config.js文件里。
Enzyme
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/b81a154a1b866aaec0d759225aecae51.png)
enzyme是对react-dom的render做了封装
shallow 浅层渲染 适合单元测试
mount 全渲染 适合集成测试
const wrapper = shallow(<App />);
安装jest-enzyme
代码覆盖率
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/b8ed97f98aef2e6e138e3c4550c34fb7.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/26db8c24b256e0ed9cf19d31ff70be64.png)