网页测试方法、装置、计算机设备及计算机可读存储介质制造方法及图纸

技术编号:26418190 阅读:24 留言:0更新日期:2020-11-20 14:13
本发明专利技术公开了一种网页测试方法、装置、计算机设备及计算机可读存储介质,涉及互联网技术领域,采用图片的形式将待测试的网页以及用户设置的样例网页提供给网页测试平台,基于SSIM方法,计算两张图片的结构相似度,进而创建标注有全部差异点的差异图片返回给用户,无需用户手动定位元素的变化,也无需花费精力在测试用例的维护上,网页的测试过程操作简单,提高了测试效率。所述方法包括:接收用户上传的网页样例图片和实际网页图片;基于结构相似性SSIM方法,计算网页样例图片和实际网页图片的结构相似度;根据网页样例图片、实际网页图片以及结构相似度,创建差异图片;将网页样例图片、实际网页图片、结构相似度和差异图片作为测试结果进行返回。

【技术实现步骤摘要】
网页测试方法、装置、计算机设备及计算机可读存储介质
本专利技术涉及互联网
,特别是涉及一种网页测试方法、装置、计算机设备及计算机可读存储介质。
技术介绍
随着互联网技术的飞速发展,作为终端与用户之间进行交互的载体,网页承担的功能越来越多,样式也越来越复杂。对于一个网站来说,能够吸引更多的用户对其长期关注是追求的主要目标,也是衡量一个网站是否成功的主要指标,这就对网页功能的正确性、有效性和完善性提出了较高的要求,所以,在网页开发的过程中,网页测试成为了一个重要的环节。相关技术中,在对网页进行测试时,通常需要测试人员建立用于对网页进行测试的测试用例,采用Selenium(浏览器自动化测试框架)等自动化测试工具来运行测试用例,通过人工与自动化测试工具配合操作,实现对网页的测试。在实现本专利技术的过程中,专利技术人发现相关技术至少存在以下问题:网页中包括大量的页面元素,随着用户需求的不断变化,页面元素的也是不断变化的,而只要页面元素发生变化,测试人员就需要定位这些变化,并按照变化对测试用例进行维护以及修改,这就导致本文档来自技高网...

【技术保护点】
1.一种网页测试方法,其特征在于,包括:/n接收用户上传的网页样例图片和实际网页图片;/n基于结构相似性SSIM方法,计算所述网页样例图片和所述实际网页图片的结构相似度;/n根据所述网页样例图片、所述实际网页图片以及所述结构相似度,创建差异图片,所述差异图片中标注有所述网页样例图片和所述实际网页图片之间存在的至少一个差异点;/n将所述网页样例图片、所述实际网页图片、所述结构相似度和所述差异图片作为测试结果进行返回。/n

【技术特征摘要】
1.一种网页测试方法,其特征在于,包括:
接收用户上传的网页样例图片和实际网页图片;
基于结构相似性SSIM方法,计算所述网页样例图片和所述实际网页图片的结构相似度;
根据所述网页样例图片、所述实际网页图片以及所述结构相似度,创建差异图片,所述差异图片中标注有所述网页样例图片和所述实际网页图片之间存在的至少一个差异点;
将所述网页样例图片、所述实际网页图片、所述结构相似度和所述差异图片作为测试结果进行返回。


2.根据权利要求1所述的方法,其特征在于,所述接收用户上传的网页样例图片和实际网页图片之后,所述方法还包括:
获取所述网页样例图片的第一图片参数和所述实际网页图片的第二图片参数,分别将所述第一图片参数和所述第二图片参数与参数取值范围进行比对;
当所述第一图片参数和所述第二图片参数处于所述参数取值范围之内时,继续执行对所述网页样例图片和所述实际网页图片的结构相似度的计算过程;
当所述第一图片参数或所述第二图片参数处于所述参数取值范围之外时,展示失败提醒,按照所述用户选择的调整方式,对所述网页样例图片或所述实际网页图片进行调整,并执行对调整后的所述网页样例图片或所述实际网页图片的结构相似度的计算过程。


3.根据权利要求1所述的方法,其特征在于,所述基于结构相似性SSIM方法,计算所述网页样例图片和所述实际网页图片的结构相似度,包括:
调用对比工具,对所述网页样例图片和所述实际网页图片进行转换,得到所述网页样例图片的第一灰度图和所述实际网页图片的第二灰度图;
获取所述第一灰度图的第一像素值,基于所述第一像素值,计算所述第一灰度图中全部像素点的第一标准差;
获取所述第二灰度图的第二像素值,基于所述第二像素值,计算所述第二灰度图中全部像素点的第二标准差;
对所述第一像素值和所述第二像素值进行计算,生成所述第一灰度图和所述第二灰度图的协方差;
采用所述SSIM方法,对所述第一像素值、所述第一标准差、所述第二像素值、所述第二标准差和所述协方差进行计算,得到所述网页样例图片和所述实际网页图片的比对指标,将所述比对指标作为所述结构相似度。


4.根据权利要求1所述的方法,其特征在于,所述根据所述网页样例图片、所述实际网页图片以及所述结构相似度,创建差异图片,包括:
创建初始底图,所述初始底图与所述网页样例图片或所述实际网页图片中任一图片完全相同;
将所述网页样例图片、所述实际网页图片以及所述结构相似度输入至SSIM版式比对类,获取输出的所述至少一个差异点的位置坐标;
按照所述至少一个差异点的位置坐标,将所述至少一个差异点映射在所述初始底图上;
采用预设标注方式,将所述至少一个差异点在所述初始底图上进行标注,得到所述差异图片。


5....

【专利技术属性】
技术研发人员:王彦葛
申请(专利权)人:平安健康保险股份有限公司
类型:发明
国别省市:上海;31

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1