接口测试 Mock 实战 | 结合 jq 完成批量化的手工 Mock

头像
霍格沃兹测试学院
    阅读 6 分钟
    本文霍格沃兹测试学院学员学习实践笔记。

    一、应用背景

    因为本章的内容是使用jq工具配合完成，因此在开始部分会先花一定的篇幅介绍jq机器使用，如果读者已经熟悉jq，可以直接跳过这部分。

    先来看应用场景，App 经常会有一些信息展示的列表页，比如商家的菜品、股票的公司、文章的列表展示等，例如下面这样：

    image.png

    菜品不够吃的话~不是，是菜品数量较少不够测试的量，假如我们想要测试几百个菜品时，会不会在刷的时候是否有性能影响，展示是否正常，列表展示的边界值测试等；

    而要测就得有数据展示，这个时候要是通过后端去找或者造这么多数据是有点麻烦的,其实我们这个测试的测试点就是要测试前端页面的展示和性能，只要有这部分数据就可以，无所谓数据是否真实从数据库得来。

    这个时候可以就可以利用mock的手段，对这种大数据进行等价类的生成，使前端可以拿到这类数据即可，而Charles正是我们实现手工mock测试的利器之一！

    二、jq 简介

    2.1 jq 的概述与用途

    按惯例，先看官网对jq的解释：

    jq 官网地址：https://stedolan.github.io/jq/
    image.png

    大概意思就是轻量灵活的Json处理命令行。

    用途

    说到这大概有些人有点感觉它能用来做什么了，为啥手工mock要使用jq了？没错！要用它来处理接口返回的json数据以达到mock的效果。

    2.2 jq 的下载安装

    Mac：Mac还是一如既往的简单(香~)，装了Homebrew 的话一条命令brew install jq即可
    其他系统：jq 的官网很贴心，给出了各个系统的下载方式及其相关所需下载工具的链接，具体的就查看官网吧，链接如下

    https://stedolan.github.io/jq...

    image.png

    2.3 jq 的基本使用

    • 基本过滤 .
    最简单的过滤，.这是一个过滤器，它接受输入，并将其不变地生成为输出。

    简单的说就是原样输出来：

      $ echo '{"jq": "jqTest"}' | jq '.'
    {
      "jq": "jqTest"
    }
    • 对象过滤.key、.key1.key2、.["key"]
    可以通过.key或.key1.key2的方式来获取对应的value，这样的方式是不是有点像jsonpath?
      $ echo '{"jq": {"jqTest": 1} }' | jq '.jq'
    {
      "jqTest": 1
    }

    $ echo '{"jq": {"jqTest": 1} }' | jq '.jq.jqTest'
    1


    $ echo '{"jq": {"jqTest": 1} }' | jq '.["jq"]'
    {
      "jqTest": 1
    }
    • 索引过滤 .key[index]、.key[ startIndex: endIndex]
    其实就是在对象过滤的基础上加个索引而已，学过编程的都懂的~ 左闭右开，当然是针对数组的操纵，

    这里就以一种对象过滤写法基础上举例子，
    .key[index]

    $ echo '{"jq": ["jqTest",1] }' | jq '.jq[0]'
    "jqTest"

    .key[ startIndex: endIndex]

    $ echo '{"jq": ["jqTest",1] }' | jq '.jq[0:1]'
[
  "jqTest"
]
    • 对象构建{} 、[]
    可以利用{} 、[]构建新的对象(数组)
    $ echo '{"jq": ["jqTest",1] }' | jq '{ newJq: .jq[1], }'
{
  "newJq": 1
}

    如果其中一个表达式有多个结果，那么输出也会产生多个结果

    $ echo '{"user":"stedolan","titles":["JQ Primer", "More JQ"]}' |jq '{user, title: .titles[]}'
{
  "user": "stedolan",
  "title": "JQ Primer"
}
{
  "user": "stedolan",
  "title": "More JQ"
}

    如果key是不存在的，value将会赋值为null

    $ echo '{"user":"stedolan","titles":["JQ Primer", "More JQ"]}' |jq '{user111, title: .titles[]}'
{
  "user111": null,
  "title": "JQ Primer"
}
{
  "user111": null,
  "title": "More JQ"
}

    如果再键的周围加括号就意味着它将作为表达式进行计算。

    $ echo '{"user":"stedolan","titles":["JQ Primer", "More JQ"]}' |jq '{(.user): .titles[]}'
{
  "stedolan": "JQ Primer"
}
{
  "stedolan": "More JQ"
}
    • 其他常见用法：

    计算

    echo "10" | jq '(.+2)*5'
echo null | jq '{a: 1} + {b: 2} + {c: 3} + {a: 42}'
echo '["xml", "yaml", "json"]' | jq '. - ["xml"]'
echo '{"a":5}' | jq ‘.a+=10'

    获取长度

    echo '[[1,2], "string", {"a":2}, null]' | jq '.[] | length’
    • 数组运算
    这里要特别介绍一下数组的运算操作，也是下面实现目标的手段

    jq 对于数组可以有并集(’+’)和差集(’-’)的操作：

    并集('+')：有数组a,b; a+b就会得到一个包含所有a,b数组元素的新数组：

    $ echo '{"a": [1,2,3] ,"b": [3,4,5]}' | jq '.a+.b'
[
  1,
  2,
  3,
  3,
  4,
  5
]

    差集('-')：有数组a,b; a-b就会得到一个只包含a中元素，不包含b中元素的新数组：

    $ echo '{"a": [1,2,3] ,"b": [3,4,5]}' | jq '.a-.b'
[
  1,
  2
]
    • 更多用法

    更多用法可参考官网：

    https://stedolan.github.io/jq...

    3、Mock 实现

    3.1 实现目标

    如下图中的科普推荐栏目中有 2 则科普文章，现在想要mock几十甚至上百篇文章或广告。

    image.png

    3.2 数据准备

    • 抓取接口的响应json报文如下：
    {
    "code": 1,
    "msg": null,
    "data": {
        "pageNumber": 0,
        "pageSize": 10,
        "totalElements": 12,
        "totalPages": 2,
        "pageList": [{
            "id": 18,
            "title": "老年痴呆症有哪些危害？",
            "type": "patient",
            "img": "https://greenvalley.oss-cn-shanghai.aliyuncs.com/hospital/a295c2081459450ba6679db48d6a2471_700_360.png",
            "content": "<p>https://fx.wxbjq.net.cn/preview/6cAH</p>"
        }, {
            "id": 17,
            "title": "你了解老年痴呆是如何发病的嘛？",
            "type": "patient",
            "img": "https://greenvalley.oss-cn-shanghai.aliyuncs.com/hospital/953fc541af7b4576b233d2d6b364bddf_700_360.png",
            "content": "<p>https://fx.wxbjq.net.cn/preview/6cAK</p>"
        }]
  }
}
    • 我们将数据存入json文件中，然后赋值给一个变量
    $ mockData=$(cat /tmp/guanggao.json)
$ echo "$mockData"
{
    "code": 1,
    "msg": null,
    "data": {
        "pageNumber": 0,
        "pageSize": 10,
        "totalElements": 12,
        "totalPages": 2,
        "pageList": [{
            "id": 18,
            "title": "老年痴呆症有哪些危害？",
            "type": "patient",
            "img": "https://greenvalley.oss-cn-shanghai.aliyuncs.com/hospital/a295c2081459450ba6679db48d6a2471_700_360.png",
            "content": "<p>https://fx.wxbjq.net.cn/preview/6cAH</p>"
        }, {
            "id": 17,
            "title": "你了解老年痴呆是如何发病的嘛？",
            "type": "patient",
            "img": "https://greenvalley.oss-cn-shanghai.aliyuncs.com/hospital/953fc541af7b4576b233d2d6b364bddf_700_360.png",
            "content": "<p>https://fx.wxbjq.net.cn/preview/6cAK</p>"
        }]
  }
}
    • 然后我们利用jq对pageList中的列表进行+=操作，完成一次翻倍增长，将结果传给变量mockData。
    这里用到的是jq对数组的并集(‘+’)运算，两个数组相加，最终得到一个包含两个数组所有元素的新数组。
    mockData=$(echo "$mockData" | jq '.data.pageList+=.data.pageList')
$ echo "$mockData"
{
  "code": 1,
  "msg": null,
  "data": {
    "pageNumber": 0,
    "pageSize": 10,
    "totalElements": 12,
    "totalPages": 2,
    "pageList": [
      {
        "id": 18,
        "title": "老年痴呆症有哪些危害？",
        "type": "patient",
        "img": "https://gv.oss-cn-shanghai.aliyuncs.com/hospital/a295c2081459450ba6679db48d6a2471_700_360.png",
        "content": "<p>https://fx.wxbjq.net.cn/preview/6cAH</p>"
      },
      {
        "id": 17,
        "title": "你了解老年痴呆是如何发病的嘛？",
        "type": "patient",
        "img": "https://gv.oss-cn-shanghai.aliyuncs.com/hospital/953fc541af7b4576b233d2d6b364bddf_700_360.png",
        "content": "<p>https://fx.wxbjq.net.cn/preview/6cAK</p>"
      },
      {
        "id": 18,
        "title": "老年痴呆症有哪些危害？",
        "type": "patient",
        "img": "https://gv.oss-cn-shanghai.aliyuncs.com/hospital/a295c2081459450ba6679db48d6a2471_700_360.png",
        "content": "<p>https://fx.wxbjq.net.cn/preview/6cAH</p>"
      },
      {
        "id": 17,
        "title": "你了解老年痴呆是如何发病的嘛？",
        "type": "patient",
        "img": "https://gv.oss-cn-shanghai.aliyuncs.com/hospital/953fc541af7b4576b233d2d6b364bddf_700_360.png",
        "content": "<p>https://fx.wxbjq.net.cn/preview/6cAK</p>"
      }
    ]
  }
}

    按照上述的方法，每次列表的元素个数都会翻倍，也就是操作n次就变成2的n次方倍，指数增长的速度就不用多说了~

    这样根据自己的需要得到数据后将新数据存入json文件，最重要的数据准备过程也就完成了：

    $ echo "$mockData" > /tmp/MockTest.json

    3.3 Charles 的 Mock 实现

    说了这么多“废话”，总算是到了主角了，其实数据准备好了，工具的使用还是很简单的，Charles有一个叫做Map Local的功能，在你要mock的请求上右击就可找到：
    image.png

    Map Local可以对指定的接口返回使用本地文件进行替换，如这里替换为上文中废话半天生成的数据文件MockTest.json：
    image.png

    然后再次刷新页面，看看效果，页面的列表就如愿倍增了，也不用去数据库添加数据，保存一份json文件即测即用即可：

    image

    以上，期待大家一起交流，多多指正。

    免费领取：接口测试+性能测试+自动化测试+测试开发+测试用例+简历模板+测试文档

    接口mock软件测试测试开发
    霍格沃兹测试学院
    44 声望27 粉丝
    « 上一篇
    一文搞定 Docker 容器技术与常用命令
    下一篇 »
    软件测试/测试管理圆桌讨论会 | 解锁测试管理的核心问题，提升您的管理实力！

    引用和评论

    推荐阅读
    头像
    精准测试如何落地

    霍格沃兹测试学院阅读 162

    头像
    如何使用 mock 数据在本地运行 SAP Fiori Elements

    注销阅读 1.8k

    头像
    使用SAP CRM mock框架进行单元测试的设计

    注销阅读 1.4k

    头像
    基于 LangChain 的自动化测试用例的生成与执行

    霍格沃兹测试学院阅读 443

    头像
    旺店通对接金蝶云星空销售出库接口细节

    大仲马小茶花赞 1阅读 197

    头像
    第三方供应商不提供API接口？教你四步破解集成难题

    RestCloud阅读 416

    头像
    还不知道这个原则的程序员，要小心了

    陈哥聊测试阅读 331

    0 条评论
    得票最新