这篇文章主要为大家介绍了如何使用mock.js实现接口测试的自动化详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
Mock.js 基础用法介绍
Mock.js是一个常用于生成随机数据和拦截Ajax请求的JavaScript库。本文将介绍Mock.js的用法，包括安装和基础用法
可以通过npm安装Mock.js：
| 1 |
|
基础用法
随机生成一个用户信息
使用Mock.js可以很方便地生成随机数据。下面的示例中，每个用户信息包括随机生成的中文名、15-25之间的年龄和随机的城市。代码如下所示：
| 1 2 3 4 5 |
|
运行上面的代码，可能会得到如下的输出结果：
{ name: '张伟', age: 18, city: '羊城' }
随机生成一个用户信息数组
如果需要生成多个用户信息，可以定义一个Mock.js的数据数组模板，可以指定数组长度为1到10的随机数。代码如下所示：
| 1 2 |
|
运行上面的代码，可能会得到如下的输出结果：
{ "list": [ { "name": "陈芳", "age": 24, "city": "西宁" }, { "name": "罗娟", "age": 20, "city": "咸阳" } ] }
Mock.js API
下面介绍Mock.js中常用的 API
生成随机数据
Mock.Random对象包含了Mock.js中的所有随机数据生成方法。下面是一些常用的方法：
Mock.Random.boolean()：生成一个随机的布尔值。Mock.Random.integer(min, max)：生成一个随机的整数，可以指定范围。Mock.Random.float(min, max, dmin, dmax)：生成一个随机的浮点数，可以指定范围和精度。Mock.Random.string(length)：生成一个随机的字符串，可以指定长度。Mock.Random.name(middle?)：生成一个随机的常见英文姓名。Mock.Random.cname()：生成一个随机的常见中文姓名。Mock.Random.date()：生成一个随机的日期。Mock.Random.time()：生成一个随机的时间。Mock.Random.datetime()：生成一个随机的日期时间。Mock.Random.image(size, background, foreground, format, text)：生成一个随机的图片，可以指定大小、背景色、前景色、格式和文字。
生成数据模板指定的数据
Mock.mock(template) 根据数据模板生成模拟数据。数据模版可以生成复杂的数据结构。下面是一个示例：
| 1 2 |
|
运行上面的代码，可能会得到如下的输出结果：
{ name: '杜浩', age: 15, email: '[email protected]', phone: '13940684653' }
模拟接口请求
Mock.mock(url, template)和Mock.mock(method, url, template)用于根据接口地址和数据模板模拟接口请求，支持GET、POST、PUT、DELETE等请求方法。示例如下：
| 1 |
|
设置Ajax请求响应时间
Mock.setup({timeout: 400}) 指定被拦截的Ajax请求的响应时间，表示400毫秒后才会返回响应内容。示例如下：
| 1 2 |
|
上面的代码表示，响应时间介于200到600毫秒之间。
总结
本文介绍了Mock.js的基础用法，包括随机生成用户信息、随机生成用户信息数组、Mock.js API的常用方法、生成数据模板和模拟接口请求。Mock.js是一个非常实用的数据模拟和接口测试工具，能够大大提高前端开发效率。
想进阶成为一位 Mock 高手？Apifox 是一个强大的接口文档管理工具，用 Apifox 可以让 Mock 变得更容易。Apifox 语法完全兼容 Mock.js， 并扩展了一些 Mock.js 没有的语法（如国内手机号 @phone），更多关于mock.js接口测试自动化的资料请关注小编其它相关文章！
下面是配套学习资料，对于做【软件测试】的朋友来说应该是最全面最完整的备战仓库，这个仓库也陪伴我走过了最艰难的路程，希望也能帮助到你！
软件测试面试小程序
被百万人刷爆的软件测试题库！！！谁用谁知道！！！全网最全面试刷题小程序，手机就可以刷题，地铁上公交上，卷起来！
涵盖以下这些面试题板块：
1、软件测试基础理论 ，2、web,app，接口功能测试 ，3、网络 ，4、数据库 ，5、linux
6、web,app，接口自动化 ，7、性能测试 ，8、编程基础，9、hr面试题 ，10、开放性测试题，11、安全测试，12、计算机基础
资料获取方式 ：
