测试框架Jest学习分享(二)

1.mock函数

使用mock函数可以轻松的模拟代码之间的依赖

  • jest.fn():返回一个mock函数,这个函数有一个特殊的 .mock 属性,该属性保存了每一次调用情况
  • jest.mock():用来mock一些模块或者文件,如我们要是测试一个函数,又不想关心该函数内部的实现,用jest.mock()模拟外部依赖的文件或者已经测试完的内部文件
  • jest.spyOn():返回一个mock function,和jest.fn相似,具体还在理解中

2. 快照测试

判断代码是否有改动

.toMatchSnapshot()

3.Enzyme

React测试工具库,它功能对官方的测试工具库ReactTestUtils的二次封装

import Enzyme from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';
 
Enzyme.configure({ adapter: new Adapter() });
  1. shallow:浅渲染,是对官方的Shallow Renderer的封装。将组件渲染成虚拟DOM对象,只会渲染第一层,子组件将不会被渲染出来,使得效率非常高。不需要DOM环境, 并可以使用jQuery的方式访问组件的信息
  2. render:静态渲染,它将React组件渲染成静态的HTML字符串,然后使用Cheerio这个库解析这段字符串,并返回一个Cheerio的实例对象,可以用来分析组件的html结构
  3. mount:完全渲染,它将组件渲染加载成一个真实的DOM节点,用来测试DOM API的交互和组件的生命周期。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值