mock工具如何使用（mockxhr）

本篇文章给大家谈谈mock工具如何使用，以及mockxhr对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。 今天给各位分享mock工具如何使用的知识，其中也会对mockxhr进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、方便实用的mock工具------Easy Mock
• 2、『居善地』接口测试 — 21.Mock功能介绍（二）
• 3、搭建本地mock服务
• 4、如何使用Powermock对静态方法进行mock
• 5、日常总结：mock单测+mapStruct+批量插入
• 6、mockjs 使用简介

方便实用的mock工具------Easy Mock

见到Easy Mock之后顿时感觉心旷神怡，身心舒畅，下面就介绍下这个提高工作效率的线上工具：

Easy Mock是一个可视化，并且能快速生成模拟数据的服务。以项目管理的方式组织Mock List，能帮助我们更好的管理Mock数据，不怕丢失。

1、登录 Easy Mock官网
2、创建个人项目或者团队项目（官网中有个项目实例，清晰明了）
3、新增接口
4、在项目中使用接口
注： Easy Mock 有更多功能待你来探索

『居善地』接口测试 — 21.Mock功能介绍（二）

当需要调用接口来编写测试用例的时候mock工具如何使用，此时该接口并没有被实现mock工具如何使用，这个时候我们就可以用Mock框架来模拟一个接口出来。

使用Mock模拟接口以下功能：

编写一个Json文件，接口所有的信息都配置在该json文件中。

把Moco框架的jar包和上面编辑好的Json文件放在同一个文件夹中。

在cmd命令行或者PyCharm的命令行终端执行启动命令。

Moco服务启动后，我们可以使用Requests库请求接口，也可以用浏览器接口。

浏览器访问接口：

我们主要是看Json文件怎么写，其他步骤和上面练习一样。

1）、没有参数的get请求

2）、有参数的get请求

说明：请求地址为： api/moco/get/param/demo?name=xiaomingage=18

1）、没有参数的post请求

提示：POST请求就不能用浏览器进行查看了。只能用Request库或者JMeter，Postman等进行查看。（能进行接口调用的工具都可以）

2）、有参数的post请求

调用接口查看结果。

使用的是 request 中的 cookies 属性。

1）、get请求

调用接口查看结果。

2）、post请求

调用接口查看结果。

使用的是 request 中的 headers 属性。

Header 是添加请求头信息，关于请求头信息get请求和post请求都是一样的。

调用接口查看结果。

重定向使用的是和 request 同级的 redirectTo 属性。

使用浏览器进行测试就可以。

Json文件的配置属性说明：

像我们上面练习过的Json文件配置，所有的数据值是固定的，

如： description 、 request 、 response 、 redirectTo 等这些都是固定的，不能修改，修改可能连Moco服务都启动不来。

还有 request 的属性值，如： uri 、 method 、 cookies 、 headers ，也是必须这样写的。

还有GET请求传递参数用 queries 属性，POST请求传递参数用 forms 和 json 属性都可以。（PUT,DELETE请求同Post请求。）

Moco框架原理：

就是把所有接口的数据，包括发送请求的所有数据和返回结果的所有数据，以Json数据格式进行编写。

把这些数据放入Moco框架提供的HTTP或者HTTPS的服务上，就实现了接口数据的模拟。

在使用的时候，我们只要按照json文件中接口配置的信息进行请求即可，如果调用接口传递的数据和Json文件中接口编写要接收的数据不一致，则无法请求成功。

搭建本地mock服务

一：为什么用mock

1.不用mock依赖后端接口，串行开发会拉长开发周期

2.再也不用跟后端屁股后头崔接口，定义好数据格式即可

二：mock分类

1.直接写死假数据

2.安装mock.js 利用Mock.mock()

3.在本地启动一个mock服务

4.搭建一个mock平台

三：l-mock在项目中的应用

一：l-mock是一个启动本地mock服务的工具 1.全局安装 npm i l-mock -g

2.初始化mock目录, init命令在project根目录下生成mock目录，并放置demo接口 cd path/to/project lmock init

3.运行, 进入生成的mock目录，运行start命令，直接访问localhost:3000/a 则可看到/a接口返回 cd mock lmock start 第一次初始化后，后面的开发只需要在mock目录中运行lmock start就可以开启接口模拟。 为了方便我们可以直接配置在npm命令中，往后就运行 npm run mock

如何使用Powermock对静态方法进行mock

  在平常工作过程中mock工具如何使用，总会设计些工具类，里面通常使用静态方法来实现。那么如何来对这些静态方法进行mock，以及如何验证静态方法被调用？下面简单介绍下如何使用Powermock来实现针对静态方法mock工具如何使用的mock。

  首先我们设计一个静态类如下(Utility.java)mock工具如何使用：

  被测试类如下(UtilityHelper.java)：

  在被测试类中分别定义mock工具如何使用了两个方法，分别调用了Utility类里面mock工具如何使用的两个静态方法，下面我们通过对这两个方法进行测试，来介绍下使用Powermock对静态方法进行mock的各种用法。

  测试类如下(UtilityHelperTest.java)：

可以看到虽然入参非空，但是由于返回值返回了true，使得调用sum方法返回的值是0。
  另外，如果我们想要验证某静态方法是否被调用，或者被调用了几次，我们可以用如下方式验证：

  先使用verifyStatic方法表明要验证静态方法，可以带参数，也可以不带参数，其参数可以使用Mockito的times方法或never方法来表示其调用次数。下面紧跟着的一行则表示要验证的是哪个已经mock的静态方法。

  那么如果我们想对已经mock的类的某个方法调用真实的方法，而不是调用mock方法，那么该如何处理呢？此处我们介绍两种实现：

  加了上面一行后，虽然也没有对listIsNotNullOrEmpty进行mock，但此时返回值是真正的值，说明没有调用默认的mock方法。使用spy后，虽然已经对该类做了mockStatic处理，但此时该类中的所有方法仍然都会调用真实的方法，而不是默认的mock方法。这种用法主要适用于只想要对某个类的少量方法进行mock，其他方法仍然执行真正的方法，平常写时，可以紧跟在mockStatic方法后。

  此行的含义就是调用到mock类的该方法执行真正的方法，而不是mock方法。这种方式就是需要对每个要执行的方法都要进行相应的mock处理。
  上述两种方式，可以根据自己的需要进行选择使用哪一种。但是一定要记得，只要使用了mockStatic某类时，该类中的所有方法就已经都默认被mock了， 在调用该类的方法时，必须根据具体方法进行相应的处理。
  另外，重要的事说三遍： 如果要mock静态方法，必须要在PrepareForTest后面加上该方法所在的类 。

日常总结：mock单测+mapStruct+批量插入

一、单测
test采用juint5
pom如下：

常见使用
1、mock mapper文件

2、公共返回值定义

3、异常断言

4、不同情况

二、mapStruct
1、DTO中返回枚举类型
问题：直接将枚举类反馈给前端，具体取对应数值还是文字上一层在做处理（这里do到dto的转换用的是mapStruct）
返回的数据类型如下：

解决：枚举类中添加自定义方法，mapStruct中通过映射做转换
mapStruct依赖

2、返回的两个实体类中参数名不一致

三、批量插入
mybatis批量插入(传入数据不能有空值)

四、hutool工具
参考： 常见方法

参考链接：
1、 事务
2、 mapStruct其他转换

mockjs 使用简介

在前后端分离的开发模式中，数据需要通过 http 请求异步从服务器端获取，也就是前端开发需要依赖后端接口，如果不能时时保证数据获取通畅，就会造成开发阻塞。这时前端需要一种方式可以来模拟数据请求，从而更多的掌握主动权独立开发项目， mockjs 可以以无侵入的方式拦截 ajax 请求，通过模拟服务器端响应来返回数据

JSRUN

Mockjs 语法规范由数据模板定义规范和数据占位符定义规范组成，在官网的 示例文档 中提供了丰富的模板定义方法，可点击查看

Mockjs 实现的原理是对 XHR 对象的拦截，属于 js 拦截，并没有通过浏览器发出请求，所以一般会碰到以下问题。

为了处理以上问题，引入集成了 mockjs 的 mock server工具 easy-mock ，注册并登录 easy-mock 官网后，会有一个演示项目提供参考，参考演示项目可以轻松创建自己的项目，如下图

创建项目后可以基于当前项目创建请求接口，如下图，创建一个 url 为 \user 的 get 请求，会生成接口为 https://www.easy-mock.com/mock/5b97a508b158375129f1b724/hello/user 的完整地址，点击 用户列表 可查看返回数据，由于 easy-mock 内部集成了 mockjs ，所以在生成数据时可以采用mockjs数据模板来生成，把基础用法中的数据生成模板粘贴过来，可以生成相同数据
浏览器限制跨域访问，所以要访问到接口数据，还需要解决跨域问题，通过 Nginx 解决跨域我在另外一片文章有讨论过，点击可以可查，下面主要介绍下通过 webpack-dev-server 设置代理

假设本地请求的根路径为 http://localhost:8080 ，通过 ajax 请求 用户列表 的完整接口为 http://localhost:8080/proxy/user ， webpack-dev-server 通过代理方式将请求转发到我们在 easy-mock 中定义的接口 https://www.easy-mock.com/mock/5b97a508b158375129f1b724/hello/proxy/user ，此时接口地址中多了个代理标志 /proxy , 通过配置参数 pathRewrite: {'^/proxy': ' '} 将 /proxy 去掉即可。 关于mock工具如何使用和mockxhr的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。 mock工具如何使用的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于mockxhr、mock工具如何使用的信息别忘了在本站进行查找喔。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。