整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
融界2024年3月15日消息，据国家知识产权局公告，中控技术股份有限公司申请一项名为“web端页面检测方法“，公开号CN117707921A，申请日期为2023年9月。
专利摘要显示，本发明涉及一种web端页面检测方法，属于计算机技术领域，包括：获取待检测web端的目标页面的前端元素；基于操作图标的类别属性，获取与目标页面关联的新界面的前端元素，新界面为通过目标页面中的操作图标直接及间接调用的新显示框；基于获取的目标页面及新界面的前端元素，获取待检测web端页面中的检测内容；根据基准文件对检测内容进行分析，得到检测结果。本发明的检测过程中，由于利用前端元素的操作图标的类别属性，对各操作图标的遍历触发，从而访问了各种场景下页面，实现了待检测web端的各场景下页面动态模拟，以在动态模拟变化过程中批量获取待检测内容，实现了web端检测的自动及全面性，最终提升了检测效率。
本文源自金融界
众号搜索：TestingStudio 霍格沃兹测试开发的干货都很硬核
本文霍格沃兹测试学院学员月关学习实践笔记
因为本章的内容是使用jq工具配合完成，因此在开始部分会先花一定的篇幅介绍jq机器使用，如果读者已经熟悉jq，可以直接跳过这部分。
先来看应用场景，App 经常会有一些信息展示的列表页，比如商家的菜品、股票的公司、文章的列表展示等，例如下面这样：
菜品不够吃的话~不是，是菜品数量较少不够测试的量，假如我们想要测试几百个菜品时，会不会在刷的时候是否有性能影响,展示是否正常，列表展示的边界值测试等；
而要测就得有数据展示，这个时候要是通过后端去找或者造这么多数据是有点麻烦的,其实我们这个测试的测试点就是要测试前端页面的展示和性能，只要有这部分数据就可以，无所谓数据是否真实从数据库得来。
这个时候可以就可以利用mock的手段，对这种大数据进行等价类的生成，使前端可以拿到这类数据即可，而Charles正是我们实现手工mock测试的利器之一！
按惯例，先看官网对jq的解释：
jq 官网地址：https://stedolan.github.io/jq/
大概意思就是轻量灵活的Json处理命令行。
用途
说到这大概有些人有点感觉它能用来做什么了，为啥手工mock要使用jq了？没错！要用它来处理接口返回的json数据以达到mock的效果。
https://stedolan.github.io/jq/download/
最简单的过滤，.这是一个过滤器，它接受输入，并将其不变地生成为输出。
简单的说就是原样输出来：
$ echo '{"jq": "jqTest"}' | jq '.'
{
"jq": "jqTest"
}可以通过.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]
$ 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/manual/#Basicfilters
如下图中的科普推荐栏目中有 2 则科普文章，现在想要mock几十甚至上百篇文章或广告。
{
"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>"
}]
}
} $ 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对数组的并集(‘+’)运算，两个数组相加，最终得到一个包含两个数组所有元素的新数组。
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说了这么多“废话”，总算是到了主角了，其实数据准备好了，工具的使用还是很简单的，Charles有一个叫做Map Local的功能，在你要mock的请求上右击就可找到：
Map Local可以对指定的接口返回使用本地文件进行替换，如这里替换为上文中废话半天生成的数据文件MockTest.json：
然后再次刷新页面，看看效果，页面的列表就如愿倍增了，也不用去数据库添加数据，保存一份json文件即测即用即可：
以上，期待大家一起交流，多多指正。
文转自霍格沃兹测试开发学社学员学习笔记
原文链接：https://ceshiren.com/t/topic/29276
Python全栈开发与自动化测试开发班
由浅入深实战进阶，从小白到高手
以Python全栈开发为基础，深入教授自动化测试技能，为学员打造全面的技术能力。通过系统学习和实际项目实战，学员将具备在职场中脱颖而出的竞争力。不仅能够灵活运用Python进行开发，还能够保障项目质量通过自动化测试手段。这是一个全面提升职业竞争力的机会。
Python开发必备基础技能与项目实战
Pvthon 编程语言/算法和数据结构/面向对象编程Web后端开发/前端开发/测试管理平台项目实战
人工智能ChatGPT实战
人工智能辅助学习各种开发和测试技能/Pytorch深度学框架/平台开发实战
数据分析与自动化办公
数据采集/Pandas与数据处理技术/ECharts与数据可视化技术/爬虫实战/自动化办公/批量文件处理
UI自动化测试与高级项目实战
Web自动化测试/App自动化测试/ PageObject设计模式
接口自动化测试
接口协议分析/Mock实战/服务端接口测试
性能测试
性能测试流程与方法/JMeter 脚本参数化/Grafana监控系统搭建
简历指导与模拟面试
1V1简历指导/模拟真实面试/测试开发岗面试全攻略名企私教服务 名企专家1v1辅导/行业专家技术指导/针对性解决工作难题/绩效提升辅导与晋升复盘
名企私教服务 先学习后付费 高额奖学金
专属社群+晚自习在线答疑
5V1全方位辅导作业+考试强化学习效果
简历修改 模拟面试 就业内推 面试复盘
*请认真填写需求信息，我们会在24小时内与您取得联系。
