安装依赖 npm install axios --save main.js中配置: ... this.$axios.post('https://yapi.int.ybm100.com/mock/131/background/couponAct/list', { "channel": 1, "pageNum": 1, "pageSize": 10.
安装依赖 npm install axios --savemain.js中配置:import axios from'axios'; Vue.prototype.$axios= axios组件中使用:this.$axios.post('https://yapi.int.ybm100.com/mock/131/background/couponAct/list',{"channel":1,"pageNum":1,"pageSize":10}).then(data=>{ console.log(data);}).catch(data=>{}); this.$axios.get('https://yapi.int.ybm100.com/mock/131/background/couponAct/detail',{id:1}).then(data=>{ console.log(data);}).catch(data=>{});
mock测试 mock测试就是在测试过程中,对于某些不容易构造或者不容易获取的对象,用一个虚拟的对象来创建以便测试的测试方法。 mock对象 这个虚拟的对象就是mock对象。...mock地址 mock对象所在的地址 ...

mock测试

mock测试就是在测试过程中,对于某些不容易构造或者不容易获取的对象,用一个虚拟的对象来创建以便测试的测试方法。

mock对象

这个虚拟的对象就是mock对象。mock对象就是真实对象在调试期间的代替品。

mock地址

mock对象所在的地址
一 概述 ...3.1Mock地址 GitHub地址:https://github.com/nuysoft/Mock 文档地址:mockjs.com 3.2 安装及下载 1-下载后作为文件引入使用

一 概述

Mock介绍Mock安装及配置Mock的语法规则Mock模拟数据打印到控制台

二Mock介绍

Mock.js 是一款模拟数据生成器Mock能根据数据模板生成模拟数据

三Mock安装及配置

3.1 Mock地址

GitHub地址:https://github.com/nuysoft/Mock

3.2 安装及下载

1-下载后作为文件引入使用
2-通过npm安装模块
npm install mockjs // 使用 var Mock = require('mockjs');

三Mock的语法规则

Mock.js 的语法规范包括两部分:数据模板定义 DTD和数据占位符定义 DPD

3.1 数据模板定义 DTD

数据模板中的每个属性由 3 部分构成:属性名、生成规则、属性值:
// 属性名 name // 生成规则 rule // 属性值 value 'name|rule': value
示例(‘name|min-max’: string)
"string|1-10": ""

3.2 数据占位符定义 DPD

占位符 只是在属性值字符串中占个位置,并不出现在最终的属性值中。占位符 的格式为:
@占位符 @占位符(参数 [, 参数])
示例

3.3 Mock生成模拟数据

Mock.mock( template )

四Mock模拟数据打印到控制台

4.1 新建Mock文件夹,打开文件所在路径终端,执行如下执行

npm init npm install mockjs
上述指令执行后,生成package.json文件

4.2 用vscode打开此文件夹,创建src/mock文件夹

4.3 创建mock-console.js文件,并将如下代码copy

var Mock = require('mockjs');//引入mockjs模块 var data = Mock.mock('@first') //模拟生成用户名数据 console.log(JSON.stringify(data)) //将数据打印到控制台上

4.4 运行查看结果(可能data换成示例中其他结果)

依次点击:运行——>启动调试——>选择环境(Node.js),调试控制台打印如下结果(结果可能不同)
"Donna"
Mock 什么是Mock unittest.mock是一个用于在Python中进行单元测试的库,Mock翻译就是模拟,顾名思义这个库的主要功能就是模拟一些东西。 它的主要功能是使用mock对象替代掉指定的Python对象,以达到模拟对象的行为。...

Mock

什么是Mock
unittest.mock是一个用于在Python中进行单元测试的库,Mock翻译就是模拟,顾名思义这个库的主要功能就是模拟一些东西。
它的主要功能是使用mock对象替代掉指定的Python对象,以达到模拟对象的行为。
unittest其实是单元测试框架,单元测试是自动化测试的至高境界,其中mock是单元测试的脊髓所在。
Mock能做什么
前后端联调,如果你是一个前端页面开发,现在需要开发一个功能:下一个订单,支付页面的接口,根据支付结果,支付成功,展示支付成功页;支付失败,展示支付失败页。
要完成此功能,你需要调用后端的接口,根据返回给你的结果,来展示不同的页面。此时后端没有开发好,作为一个前端开发不能等别人开发好了再开发,那只能加班了。
为了同步开发完成任务,此时可以根据接口文档的规定,把接口的地址和入参传过去,然后自己mock接口的不同返回界面,来完成前端的开发任务。
单元测试,单元测试的目的是测试某个小小单元的功能,但现实中开发的函数和方法都是有依赖关系的,比如b函数的参数,需要调用a函数的返回结果。但我前面已经测试过a函数了,这种情况下,就不需要再测一遍a函数了,此时可以用mock模块来模拟调用这部分内容,并给出返回结果。
第三方接口依赖,在做接口自动化的时候,有时候需要调用第三方的接口,但是别人公司的接口服务不受控,有可能别人提供的测试环境今天开着,突然关掉了,给自动化测试带来很多麻烦,此时可以自己写一个mock-server来模拟接口的返回数据
Mock环境准备
python 2.x版本,mock是独立的模块,需要用pip安装
pip install -U mock
从python 3.3以后的版本mock以及合并到unittest模块中了,是unittest单元测试的一部分,直接导入即可
from unittest import mock
依赖关系
1.如下场景:
支付是一个独立的接口,由其他开发提供,根据支付的接口返回状态去显示失败还是成功,这是你需要实现的功能。
也就是说你写了个b功能,同时写一个a功能,你的b功能需要根据a功能的结果去判断,然后实现对应的功能。
这就是存在依赖关系,你同时的开发进度你无法控制。若等他完成再开发,就需要加班啦。
2.以下时自己写的zhifu_status()函数功能,大概设计如下,保存为temple.py文件
# coding:utf-8 def zhifu():	'''假设这里是一个支付的功能,未开发完	支付成功返回:{"result":"success","reason":"null"}	支付失败返回:{"result":"fail","reason":"余额不足"}	reason返回失败原因	'''	pass def zhifu_status():	'''根据支付的结果success or fail,判断跳转到对应界面'''	result = zhifu()	print(result)	try:	if result["result"] == "success":	return "支付成功"	elif result["result"] == "fail":	print("失败原因:%s" % result["reason"])	return "支付失败"	else:	return "未知错误异常"	except:	return "Error, 服务器返回异常!"
3.单元测试用例设计
# coding:utf-8 from unittest import mock import unittest import temple class test_zhifu_status(unittest.TestCase):	'''单元测试用例'''	def test_01(self):	'''测试支付成功场景'''	# mock一个支付成功的数据	temple.zhifu = mock.Mock(return_value={"result":"success","reason":"null"})	# 根据支付结果测试页面跳转	status = temple.zhifu_status()	print(status)	self.assertEqual(status,"支付成功")	def test_02(self):	'''测试支付失败场景'''	# mock一个支付失败的数据	temple.zhifu = mock.Mock(return_value={"result":"fail","reason":"余额不足"})	# 根据支付结果测试页面跳转	status = temple.zhifu_status()	print(status)	self.assertEqual(status,"支付失败")	if __name__ == "__main__":	unittest.main()
全国的地址mock.js
之前模拟数据,一直是在本地新建json文件,然后将请求的地址指向本地的json路径,但是这样往往不能模拟Post的请求方式,再加上现在的项目都是vue的,就想到了使用Mock,但是中间环境的配置,让我苦恼了好久,记录...
前端 mock 数据 Easy Mock 由于easy mock线上服务基本打不开的情况,所以有能力的还是做一下本地部署(参考) 在easymock创建一个项目,并将项目的...用法和easymock差不多,将yapi内项目的mock地址配置到axios的baseU...
Ant Design Pro本身提供了较为强大的mock数据的...本文主要讲述该技巧,即如何将mock数据地址改为服务器地址 .roadhogrc.mock.js .roadhogrc.mock.js文件是Ant Design Pro中mock数据的主要文件。 如果我们希望...
MOCK 测试,在测试过程中,对于某些不容易模拟的场景或者...在已经写好的一个接口种找到yapi生成的mock地址。 进入高级mock,添加期望: 完成后点击保存。打开jmeter 执行。响应码400 为我上面定义的c...
搭建了一个easy-mock,仅供个人学习使用 loveqiubai的easy-mock
Mock是高效、易用、功能强大的API管理平台,旨在为开发、产品、测试人员提供更优雅的接口管理服务。基于yapi二次开发,引入友互通单点登录,文档参考yapi官方文档即可。Mock让接口开发更简单高效,让接口的管理更具...
手动的构造Mock对象会给开发人员带来额外的编码量,EasyMock 是一套用于通过简单的方法对于给定的接口生成Mock对象的类库以项目管理的方式组织Mock List ,能帮助我们更好的管理Mock数据不怕丢失。 2.解决的问题 ...
我们可以使用Mock.setup 来设置模拟数据时的延迟时间,单位:毫秒。可以设置一个固定的时间,也可以使用-设置一个时间段: // 延迟4秒Mock.setup({ timeout: 4000 }) // 延迟3~9秒Mock.setup({ timeout: '3000...
mock-api地址 http://mock-api.com/lzjAjIow9.mock/testhj vue.config.js设置 devServer: { port: 8081, disableHostCheck: true, proxy: { '/guard-boot': { target: 'http://mock-api...
Mock数据 可以通过4步进行 先进性安装 mockjs npm install mockjs 创建mock目录生成mock数据 引入:importMock from "mockjs"; 数据模拟: //mock课程数据 var result=Mock.mock({ code: 200, msg: "操作...
1.在src文件下创建一个mock文件夹,里面再创建mockServer.js文件和banners.json文件, //mock的具体操作Mock.js官网//banners.json文件 [ { "id|+1": 1, "imgUrl...