Mock工具moco-runner在前端测试中的应用

测试接口

页面上有一个待测试的查询功能，是POST请求，

moco-runner模拟接口

[
  {
    "description":"appquery",
    "request":{
      "uri":"/appquery",
      "method":"post",
      "headers":{
        "Content-Type":"application/x-www-form-urlencoded; charset=UTF-8"
      },
      "forms":{
        "appNo":"",
         ……（请求参数）
        "rows":"10"
      }
    },
    "response":{
       "headers":{
        "Content-Type":"application/json; charset=UTF-8"
       },
       "json":{
       "pageNo":1,
       "pageSize":10,
        ……（响应参数）
       "totalPage":2,
       "totalRecord":18
     }
   }
 }
]

启动moco服务

fiddler设置转发

前面的选择框要勾上。
这样当点击查询按钮，发请求的时候，会跳转到设置的moco的url上，就可以按照moco中设置的响应参数进行返回。

注意
moco模拟的请求头中的Content-Type要和真实点击请求的Content-Type一致。