前端测试开发工具--mock 的使用

目录

1. 背景

2. Mock是什么

3. Mock能做什么

4. Mock实现方式

5. Mock市面上常见的解决方案

6. Python下unittest.mock使用


1. 背景

在实际产品开发过程中,某个服务或前端依赖一个服务接口,该接口可能依赖多个底层服务或模块,或第三方接口,比如说服务 A 依赖服务B,服务B又依赖服务 C,如下图所示:

这种依赖的问题会导致原本的需求目的是要验证服务A,但由于所依赖的服务B或者服务C不稳定或者未开发完成,导致工作无法正常开展。

那作为测试工程师,面对这样的情形,我们该怎么办呢?解决这类问题的核心的思路:引入依赖服务替身,更通俗的叫法,引入Mock服务。

今天就结合unittest框架,给大家分享一些关于Mock的一些常见使用。

2. Mock是什么

可能还有些读者之前并没有接触过Mock,不清楚Mock是个啥。

Mock简单来理解,就是在测试过程中,对于某些不容易构造或者不容易获取的对象,用一个虚拟的对象来创建以便测试。而这个虚拟的对象就是mock对象。mock对象就是真实对象在调试期间的代替品。

有时也将Mock服务称之为测试服务替身,或者测试服务档板,下图很形象的描述了Mock的作用。

3. Mock能做什么

就Mock功能而言,本身适用场景较多,但在实际项目中,引入Mock常用来解决的几类,概括起来,主要有:

  • 接口间的相互依赖
  • 单元测试
  • 第三方接口调用

1.前后端联调

比如你是一个前端页面开发,现在需要开发一个功能:
下一个订单,支付页面的接口,根据支付结果,支付成功,展示支付成功页,支付失败,展示支付失败页。要完成此功能,你需要调用后端的接口,根据返回给你的结果,来展示不同的页面。此时后端接口还没开发好,作为一个前端开发总不能等别人开发好了,你再开发,那你只有加班的命了。为了同步开发完成任务,此时,你可以根据接口文档的规定,把接口的地址和入参传过去,然后自己mock接口的不同返回界面,来完成前端的开发任务。

2.单元测试

由于单元测试仅针对当前单元进行测试,这就要求所有的内部或者外部依赖都应该

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: vite-plugin-mock 是一个 Vite 插件,它可以帮助开发者在开发过程中模拟接口数据,方便前端开发调试。它可以根据配置文件自动生成接口数据,支持 RESTful 风格的接口,也可以自定义接口返回数据。 ### 回答2: vite-plugin-mock是一个用于Vite开发环境的插件,其作用是模拟接口数据,用于前端开发过程中的接口调试和Mock测试。 在前端开发过程中,前后端的配合是不可避免的。通常情况下,前端需要通过接口与后端进行数据交互。但是,在开发初期,后端接口可能尚未开发完成或者不稳定,这就导致前端无法进行正常的接口调试和测试。这时,vite-plugin-mock就派上了用场。 vite-plugin-mock通过在Vite的开发服务器中拦截请求,根据事先配置好的路由规则,返回模拟的接口数据。通过模拟后端接口返回的数据,前端开发者可以在没有真实后端接口的情况下,顺利进行前端界面的开发和测试。 使用vite-plugin-mock可以带来以下几个好处: 1. 解除依赖:前端开发可以在后端接口尚未完成之前开始工作,无需等待后端接口的完成。 2. 提高效率:在后端接口不稳定的情况下,使用模拟数据进行开发和测试,可以避免因为接口问题造成的前端开发效率降低。 3. 节省成本:使用vite-plugin-mock可以减少与后端的沟通和等待时间,降低前后端配合成本。 总结来说,vite-plugin-mock是一个非常有用的前端开发工具,它能够帮助前端开发者在开发、测试阶段快速进行接口调试和Mock测试,提高开发效率和降低成本。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值