什么是Mock
Mock
是一种在软件开发和测试过程中使用的技术,用于模拟真实对象的行为。可以帮助开发者和测试人员在隔离外部依赖的情况下,对系统的某个部分进行单元测试或者功能验证。例如,当开发的代码需要调用一个外部的数据库或者网络服务时,为了在测试环境中不受这些外部因素的影响,就可以创建一个Mock
对象来代替真实的数据库或服务,返回预设的数据
以uniapp
中使用better-mock
为例,代码如下:
// 数据层
export const categoryInfo = {
"level": 1,
"showPic": true,
"catType": 1,
"category": [
{
"catId": "reccat",
"catName": "前端框架",
"catType": 1,
"showPic": true,
"showVideo": false,
"children": [
]
},
]
}
// 控制层
import { categoryInfo } from '../data/question_bank'
function getCategory() {
// req是一个请求对象,包含: url,type和body属性
let code = 200;
let msg = "类别获取成功";
let data = {
categoryChild,
}
return {
code,
data,
msg,
};
}
export default {
getCategory
};
// index.js
// 引入mockjs
import Mock from "better-mock/dist/mock.mp.js";
// 引入模板函数类
import home from "./modules/home";
import qb from "./modules/question_bank"
const { mock } = Mock;
// 使用拦截规则拦截命中的请求
// mock( url, post/get, 返回的数据/函数(有return值));
mock("/qb/getCategory", "GET", qb.getCategory);
什么时候需要设计Mock
对于前端开发者来说,最简单的一个例子就是前端先行,而后端的接口还未设计好
外部依赖不可用或不稳定
当代码依赖于外部的网络服务(如第三方的API
),而这些服务可能由于网络问题、服务维护或者限制访问次数等原因不可用。特别是在测试阶段,可能无法总是访问这个API
,或者API
的响应可能会因为网络延迟等问题而不稳定,那么为了保证接口的响应正常就可以使用 Mock 来模拟API
的响应,保证测试能够顺利进行
加速测试过程
真实的外部依赖可能会比较慢
假设应用需要从一个大型数据库中读取数据,在测试时,如果每次都去访问真实数据库,可能会因为数据库查询的时间过长而使测试效率低下。那么同样可通过Mock
数据库的查询操作,直接返回预设的快速响应数据,大大加快测试速度
隔离测试单元
假设对一个函数或者类进行单元测试,需要隔离它所依赖的其他组件
以一个采购系统为例,有一个处理用户订单的函数,会调用库存管理系统来检查库存。在对订单处理函数进行单元测试时,开发人员不希望测试受到库存管理系统状态的影响,那么就可以使用 Mock 来模拟库存管理系统的行为,只关注订单处理函数本身的逻辑是否正确即可
模拟异常情况提高系统健壮性
以使用 Mock 来模拟各种异常情况,比如网络故障、数据库连接失败等。例如,在测试一个文件上传功能时,就可以通过Mock
来模拟网络中断的情况,看看系统是否能够正确地处理这种异常,如提示用户重新上传或者进行适当的错误记录
如何设计Mock
-
确定需要
Mock
的对象和行为
以单元测试为例,测试某个函数,那么这个函数内部的调用部分就是需要Mock
的对象,换句话说,就是一个函数中的大动脉(想到了裁员裁到大动脉的梗) -
选择
Mock
工具或框架
国产工具apifox
可以执行Mock
测试,上面代码中使用的是better-mock
,总之看个人习惯选择 -
定义
Mock
对象的行为
明确这个对象的行为,就是在不同情况下的返回内容,即响应内容
通用设计思路
- 考虑场景覆盖度,包括正常情况下和异常情况下、超出测试边界的响应情况
- 抽象层接口设计,区分不同的环境和数据库进行设计,如开发、测试、生产
- 参数化
Mock
行为,考虑Mock
的行为可通过参数进行控制 - 数据驱动
Mock
,通过options
即配置文件来灵活调整Mock
方案