RobotFramework手把手教学:提交数据失败了可怎么办?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了RobotFramework手把手教学:提交数据失败了可怎么办?相关的知识,希望对你有一定的参考价值。
参考技术A在接口自动化测试过程中,经常遇见提交数据的接口测试,开发设计的提交数据的方式常为POST、PUT、PATCH等,对于这些接口测试同学们也不陌生,几乎做接口自动化测试都会涉及。
在提交数据过程中,不知大家是否遇到提交数据内容正确,请求方法(如POST)和请求资源路径正确但提示数据类型不支持(如:报错415 Unsupported Media Type)的问题?
常在河边走,哪有不湿脚的,题主本人就遇到了。
从一开始的一脸懵逼到后来的仔细查看,外加服务端日志分析,终于发现问题所在:题主在使用POST提交数据时,习惯性将Content-Type设置为application/json格式,而测试接口接收数据类型为multipartdata。
所以,你懂的,当然失败了。
什么是multipartdata?rf如何提交multipartdata类型数据呢?也许经验丰富的你已经很了解了,那么可以忽略本文,但是题主还是想和大家聊聊。
在寻找问题答案之前,我们先来看看以POST方式为例的提交数据方式,数据类型可以有哪些。
我们常见的、常用的数据提交方式主要有以下几种:
01 application/json
application/json我们再熟悉不过了,几乎大多接口提交数据都会采用这种类型。在请求的headers中,添加Content-Type=application/json,用来告诉服务端消息主体是序列化后的 JSON 字符串,后端可以直接使用(客户端:服务端我这是JSON字符串你直接吸收吧)。
02 application/x-www-form-urlencoded
application/x-www-form-urlencode是以表单提交数据的一种方式,当Content-Type 被指定为 application/x-www-form-urlencoded时,客户端会把表单数据转换成一个字串(name1=value1&name2=value2…),然后把这个字串append到url后面,用?分割,加载这个新的url。
例如,使用百度搜索“51testing“时,通过开发者工具可以看到发起请求的接口Content-Type=application/x-www-form-urlencoded。
编码后的新url为 https://www.baidu.com/s?ie=utf-https://www.baidu.com/s?ie=utf-8&f=3&rsv_bp=1&rsv_idx=2&tn=baiduhome_pg&wd=51testing&rsv_spt=1&oq=51testing%25E8%25BD%25AF%25E4%25BB%25B6%25E6%25B5%258B%25E8%25AF%2595%25E5%259F%25B9%25E8%25AE%25AD%25E9%259D%25A0%25E8%25B0%25B1%25E5%2590%2597&rsv_pq=bae34d3400016490&rsv_t=878chqpZfcLiqflGGWpVes%2FOIJho8wHTN61dflgzhEP4LUSyIGA7OT9NVr%2BwWJvQk%2B01&rqlang=cn&rsv_dl=th_1&rsv_enter=1&rsv_btype=t&rsv_sug3=21&rsv_sug1=12&rsv_sug7=101&rsv_sug2=1&rsp=1&rsv_sug9=es_0_1&inputT=8808&rsv_sug4=13223&rsv_sug=9 。
即将搜索关键字转换为表单数据,使用x-www-form-urlencoded方式提交给服务器处理。
03 multipart/form-data
multipart/form-data也是表单提交数据的一种方式。
它同application/x-www-form-urlencoded 的区别是:
看看这几种数据提交方式吧。
01 application/json
以ES向Index写入数据为例,如下图所示,Content-Type为application/json,Request-Body为key:value键值对组合。
02 application/x-www-form-urlencoded
以51testing首页搜索“最新最热”文章为例。如下图2所示,使用postman发送post请求。
Content-Type为application/x-www-form-urlencoded,Request-Body为mod=”guid”,view=”newthread”。
请求提交后,Request-Body以key=value的形式被拼接到URL上,以&符号分割。
如下图3所示,最终请求URL为 http://bbs.51testing.com/forum.php?mod=guide&view=newthread 。
03 multipart/form-data
如下图4所示为使用multipart/form-data方式上传文件。Content-Type: multipart/form-data。
boundary=--------------------------268648824645901190036938,boundary为分隔符,用来分割消息体中不同内容的。
如当上传两个文件a.csv和b.csv时,使用boundary分割的消息体格式如下图5所示。在消息体中,Content-Disposition显示了请求数据的格式(如本例中的form-data),文件名等信息。
看了postman使用application/x-www-form-urlencoded和multipart-data提交表单数据的方法,最后来看看常用的rf是怎么实现的。
以RequestLibrary关键字库为例:
01 application/json
aplication/json是rf自动化测试中常见的数据格式,不再赘述。
02 application/x-www-form-urlencoded
rf发送application/x-www-form-urlencoded类型数据方法如下图所示。
03 multipart/form-data
rf发送multipart/form-data类型数据方法如下图所示。
结束
在接口自动化过程中,application/json是我们常见的数据格式,multipart/form-data数据格式可能对于部分测试朋友来说有点陌生。
希望本章能带你认识rf是如何上传multipart/form-data的文件的。
Vuex的详细解读之手把手教学篇
六、Action属性的用法
1.Action说明
Action 类似于 mutation,不同在于:
- Action 提交的是 mutation,而不是直接变更状态。
- Action 可以包含任意异步操作
- Action 可以处理被触发的 action 的处理函数返回的 Promise,并且
store.dispatch
仍旧返回 Promise。所以可以通过.then去接收处理返回的结果。
2.声明方法
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
//单一数据数,一个对象包含了全部的应用层级状态。
export default new Vuex.Store(
//全局状态的数据源,相当于data。
state:
num: 0,
list: [
name: '张三',
id: 1,
type: 1
,
name: '李四',
id: 2,
type: 2
,
]
,
// 在 store 中的 state 中派生出状态,相当于store的计算属性。
getters:
//接收两个参数,第一个参数接收state,也可以接收其他的getters作为参数。
doneNum(state)
return state.num + 10
,
doneList(state, getters)
return state.list.find(item => item.type === 1).name + getters.doneNum
,
//也可以返回一个函数用于数据的查询等操作
getData: (state) => (id) =>
return state.list.find(item => item.id === id)
,
//更改Vuex的store中状态的唯一方法就是提交mutations。
// 可接收多个参数,第一个参数为state。
//可以理解为在mutations我们可以声明多个用于更改state的方法并在需要的时候,通过commit方法去触发对应的方法从而更改store里面的状态。
mutations:
changNum(state, data)
state.num += data.price
,
actions:
//Action 函数接受一个与 store 实例具有相同方法和属性的 context 对象
//因此你可以调用 context.commit 提交一个 mutation,或者通过 context.state 和 context.getters 来获取 state 和 getters。
changNum( commit, state, getters , data)
commit('changNum', data)
,
modules:
)
3.触发actions方法
<template>
<div>
<h1> num </h1>
<button @click="add( price: 2 )">点我触发mutation更改store的状态</button>
<button @click="changNum">点我触发actions更改store的状态</button>
</div>
</template>
<script>
import mapState, mapGetters, mapMutations from "vuex";
export default
computed:
...mapState(["num"]),
...mapGetters(
doneName: "doneList",
),
,
data()
return
name: "小陈",
;
,
methods:
...mapMutations(
add: "changNum",
),
//写法1:
//直接通过$store.dispatch触发
// changNum()
// this.$store.dispatch('changNum', price: 2)
//
// 写法二:通过type属性指定提交
//需要注意的是这样触发actions方法时,整个对象会作为第二个参数传递到actions的方法中
changNum()
this.$store.dispatch(
type: "changNum",
price: 2,
);
,
,
created()
console.log(this.$store.state.num);
,
;
</script>
<style>
</style>
4.通过mapActions辅助函数优化Actions内方法的触发
<template>
<div>
<h1> num </h1>
<button @click="add( price: 2 )">点我触发mutation更改store的状态</button>
<button @click="add( price: 2 )">点我触发actions更改store的状态</button>
</div>
</template>
<script>
import mapState, mapGetters, mapMutations , mapActions from "vuex";
export default
computed:
...mapState(["num"]),
...mapGetters(
doneName: "doneList",
),
,
data()
return
name: "小陈",
;
,
methods:
...mapMutations(
add: "changNum",
),
//写法1:
//直接通过$store.dispatch触发
// changNum()
// this.$store.dispatch('changNum', price: 2)
//
// 写法二:通过type属性指定提交
//需要注意的是这样触发actions方法时,整个对象会作为第二个参数传递到actions的方法中
// changNum()
// this.$store.dispatch(
// type: "changNum",
// price: 2,
// );
// ,
//通过展开运算符将mapActions混入到外部对象中
//传递参数的话,可以在触发时直接传递
// ...mapActions(['changNum']),
//当需要重新命名时
...mapActions(
add:'changNum'
),
,
created()
console.log(this.$store.state.num);
,
;
</script>
<style>
</style>
七、Module模块化属性说明
1.Module属性介绍
由于使用单一状态树,应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时,store 对象就有可能变得相当臃肿。
为了解决以上问题,Vuex 允许我们将 store 分割成模块(module)。每个模块拥有自己的 state、mutation、action、getter、甚至是嵌套子模块——从上至下进行同样方式的分割:
2.对原有文件进行拆分实现模块化
在实际项目开发中可能存在多个功能模块,为了项目的模块化需要对项目的目录结构以及命名进行对应的处理,使我们的项目更易维护。
例如我们上面的讲解主要通过更改num来进行验证的,所以我们可以将其拿出来生成一个单独的文件。
下面开始实现,新建store_module文件夹进行各模块vuex相关方法数据的存放,在index文件中进行引入。
目录结构:
num.js
export default
//全局状态的数据源,相当于data。
state:
num: 0,
list: [
name: '张三',
id: 1,
type: 1
,
name: '李四',
id: 2,
type: 2
,
]
,
// 在 store 中的 state 中派生出状态,相当于store的计算属性。
getters:
//接收两个参数,第一个参数接收state,也可以接收其他的getters作为参数。
doneNum(state)
return state.num + 10
,
doneList(state, getters)
return state.list.find(item => item.type === 1).name + getters.doneNum
,
//也可以返回一个函数用于数据的查询等操作
getData: (state) => (id) =>
return state.list.find(item => item.id === id)
,
//更改Vuex的store中状态的唯一方法就是提交mutations。
// 可接收多个参数,第一个参数为state。
//可以理解为在mutations我们可以声明多个用于更改state的方法并在需要的时候,通过commit方法去触发对应的方法从而更改store里面的状态。
mutations:
changNum(state, data)
state.num += data.price
,
actions:
//Action 函数接受一个与 store 实例具有相同方法和属性的 context 对象
//因此你可以调用 context.commit 提交一个 mutation,或者通过 context.state 和 context.getters 来获取 state 和 getters。
changNum( commit, state, getters , data)
commit('changNum', data)
,
modules:
index.js
import Vue from 'vue'
import Vuex from 'vuex'
import num from './store_module/num'
Vue.use(Vuex)
//单一数据数,一个对象包含了全部的应用层级状态。
export default new Vuex.Store(
state:
,
getters:
,
mutations:
,
actions:
,
modules:
num
)
对应的取值就变成了
<h1> num.num </h1>
对应的其他的(action ,mutation ,getters )不用进行更改,这是对于状态进行了模块的区分。
对于模块内部的 getter,根节点状态会作为第三个参数暴露出来:
3.通过命名空间进行进一步的封装处理
1.为什么要开始命名空间
在上述情况下,模块内部的 action 和 mutation 仍然是注册在全局命名空间的——这样使得多个模块能够对同一个 action 或 mutation 作出响应。Getter 同样也默认注册在全局命名空间,但是目前这并非出于功能上的目的(仅仅是维持现状来避免非兼容性变更)。必须注意,不要在不同的、无命名空间的模块中定义两个相同的 getter 从而导致错误。
如果希望你的模块具有更高的封装度和复用性,你可以通过添加 namespaced: true
的方式使其成为带命名空间的模块。当模块被注册后,它的所有 getter、action 及 mutation 都会自动根据模块注册的路径调整命名。
2.命名空间的说明
通过namespaced: true,属性开启命名空间
export default
namespaced: true,
//全局状态的数据源,相当于data。
state:
num: 0,
list: [
name: '张三',
id: 1,
type: 1
,
name: '李四',
id: 2,
type: 2
,
]
,
// 在 store 中的 state 中派生出状态,相当于store的计算属性。
getters:
//接收两个参数,第一个参数接收state,也可以接收其他的getters作为参数。
doneNum(state)
return state.num + 10
,
doneList(state, getters)
return state.list.find(item => item.type === 1).name + getters.doneNum
,
//也可以返回一个函数用于数据的查询等操作
getData: (state) => (id) =>
return state.list.find(item => item.id === id)
,
//更改Vuex的store中状态的唯一方法就是提交mutations。
// 可接收多个参数,第一个参数为state。
//可以理解为在mutations我们可以声明多个用于更改state的方法并在需要的时候,通过commit方法去触发对应的方法从而更改store里面的状态。
mutations:
changNum(state, data)
state.num += data.price
,
actions:
//Action 函数接受一个与 store 实例具有相同方法和属性的 context 对象
//因此你可以调用 context.commit 提交一个 mutation,或者通过 context.state 和 context.getters 来获取 state 和 getters。
changNum( commit, state, getters , data)
commit('changNum', data)
,
modules:
3.在带命名空间的模块内访问全局内容
如果你希望使用全局 state 和 getter,rootState
和 rootGetters
会作为第三和第四参数传入 getter,也会通过 context
对象的属性传入 action。
若需要在全局命名空间内分发 action 或提交 mutation,将 root: true
作为第三参数传给 dispatch
或 commit
即可。
modules:
foo:
namespaced: true,
getters:
// 在这个模块的 getter 中,`getters` 被局部化了
// 你可以使用 getter 的第四个参数来调用 `rootGetters`
someGetter (state, getters, rootState, rootGetters)
getters.someOtherGetter // -> 'foo/someOtherGetter'
rootGetters.someOtherGetter // -> 'someOtherGetter'
rootGetters['bar/someOtherGetter'] // -> 'bar/someOtherGetter'
,
someOtherGetter: state => ...
,
actions:
// 在这个模块中, dispatch 和 commit 也被局部化了
// 他们可以接受 `root` 属性以访问根 dispatch 或 commit
someAction ( dispatch, commit, getters, rootGetters )
getters.someGetter // -> 'foo/someGetter'
rootGetters.someGetter // -> 'someGetter'
rootGetters['bar/someGetter'] // -> 'bar/someGetter'
dispatch('someOtherAction') // -> 'foo/someOtherAction'
dispatch('someOtherAction', null, root: true ) // -> 'someOtherAction'
commit('someMutation') // -> 'foo/someMutation'
commit('someMutation', null, root: true ) // -> 'someMutation'
,
someOtherAction (ctx, payload) ...
4.在带命名空间的模块注册全局 action
若需要在带命名空间的模块注册全局 action,你可添加 root: true
,并将这个 action 的定义放在函数 handler
中。
actions:
someOtherAction (dispatch)
dispatch('someAction')
,
modules:
foo:
namespaced: true,
actions:
someAction:
root: true,
handler (namespacedContext, payload) ... // -> 'someAction'
5.开启命名空间后的数据取值以及方法触发
未开启命名空间前的取值以及方法
<template>
<div>
<h1> num.num </h1>
<div> doneName </div>
<button @click="add( price: 2 )">点我触发mutation更改store的状态</button>
<button @click="add( price: 2 )">点我触发actions更改store的状态</button>
</div>
</template>
<script>
import mapState, mapGetters, mapMutations , mapActions from "vuex";
export default
computed:
...mapState(["num"]),
...mapGetters(
doneName: "doneList",
),
,
data()
return
name: "小陈",
;
,
methods:
...mapMutations(
add: "changNum",
),
...mapActions(
add:'changNum'
),
,
created()
,
;
</script>
<style>
</style>
开始命名空间后的取值以及方法
<template>
<div>
<h1> num </h1>
<div> doneName </div>
<button @click="add( price: 2 )">点我触发mutation更改store的状态</button>
<button @click="add( price: 2 )">点我触发actions更改store的状态</button>
</div>
</template>
<script>
import mapState, mapGetters, mapMutations , mapActions from "vuex";
export default
computed:
...mapState(
num:state=>state.num.num
),
...mapGetters(
doneName: "num/doneList",
),
,
data()
return
name: "小陈",
;
,
methods:
...mapMutations(
add: "num/changNum",
),
...mapActions(
add:'num/changNum'
),
,
created()
,
;
</script>
<style>
</style>
对于上述来说,可能引入多个的话,会出现重复的引入路径,导致代码臃肿,所以可以进行简化,简化后的代码。
<template>
<div>
<h1> num </h1>
<div> doneName </div>
<button @click="add( price: 2 )">点我触发mutation更改store的状态</button>
<button @click="add( price: 2 )">点我触发actions更改store的状态</button>
</div>
</template>
<script>
import mapState, mapGetters, mapMutations , mapActions from "vuex";
export default
computed:
...mapState('num',
num:state=>state.num
),
...mapGetters('num',
doneName: "doneList",
),
,
data()
return
name: "小陈",
;
,
methods:
...mapMutations('num',
add: "changNum",
),
...mapActions('num',
add:'changNum'
),
,
created()
,
;
</script>
<style>
</style>
以上是关于RobotFramework手把手教学:提交数据失败了可怎么办?的主要内容,如果未能解决你的问题,请参考以下文章
深度学习100例-卷积神经网络(AlexNet)手把手教学 | 第11天
卷积神经网络(AlexNet)手把手教学-深度学习100例 | 第11天
手把手教学:使用Elastic search和Kibana进行数据探索(Python语言)
R语言数据分析/商业报告/人力资源绩效评估模型/关联规则数据挖掘/随机森林模型算法预测陈金文老师手把手教学