界面开发的视觉还原测试方法及装置与流程

技术特征：
1.一种界面开发的视觉还原测试方法，其特征在于，包括：获得实际界面和预期界面；构建实际界面和预期界面中的所有目标元素的灰度直方图；基于所述灰度直方图，对实际界面和预期界面中的对应目标元素进行对比，筛选出不一致的目标元素；获得所述不一致的目标元素在实际界面和预期界面的像素坐标；基于所述像素坐标，在实际界面上进行差异标注。2.如权利要求1所述的方法，其特征在于，获得实际界面和预期界面，包括：从多张图片中自动匹配实际界面和预期界面，对实际界面和预期界面进行叠加。3.如权利要求1所述的方法，其特征在于，构建实际界面和预期界面中的所有目标元素的灰度直方图，包括：分别将实际界面和预期界面中的每个目标元素进行分离；构建每个目标元素的灰度直方图。4.如权利要求1所述的方法，其特征在于，基于所述灰度直方图，对实际界面和预期界面中的对应目标元素进行对比，筛选出不一致的目标元素，包括：在实际界面和预期界面中的对应目标元素的灰度直方图的差异超过容差度时，确定所述目标元素为不一致的目标元素。5.如权利要求1所述的方法，其特征在于，获得所述不一致的目标元素在实际界面和预期界面的像素坐标，包括：分别对实际界面和预期界面上的不一致的目标元素进行二值化处理，获得目标元素的二值图；对实际界面和预期界面上的目标元素的二值图进行横向像素和纵向像素映射，获得目标元素在实际界面和预期界面的像素坐标。6.如权利要求1所述的方法，其特征在于，基于所述像素坐标，在实际界面上进行差异标注，包括：根据目标元素在实际界面和预期界面的像素坐标，计算实际界面和预期界面上的目标元素的差异值；将所述差异值标注在实际界面的像素坐标上。7.如权利要求1所述的方法，其特征在于，所述差异值包括位置差异值、间距差异值和大小差异值中的其中一种或任意组合。8.如权利要求1所述的方法，其特征在于，还包括：比对实际界面和预期界面中预设元素的颜色，在预设元素的颜色不一致时，在实际界面上进行差异标注。9.如权利要求1所述的方法，其特征在于，还包括：在实际界面的前景色与背景色的对比度不符合无障碍要求时，在实际界面进行标注。10.如权利要求1所述的方法，其特征在于，还包括：根据差异标注，生成差异总结报告。11.一种界面开发的视觉还原测试装置，其特征在于，包括：界面获取模块，用于获得实际界面和预期界面；
灰度直方图构建模块，用于构建实际界面和预期界面中的所有目标元素的灰度直方图；目标元素筛选模块，用于基于所述灰度直方图，对实际界面和预期界面中的对应目标元素进行对比，筛选出不一致的目标元素；像素坐标获得模块，用于获得所述不一致的目标元素在实际界面和预期界面的像素坐标；差异标注模块，用于基于所述像素坐标，在实际界面上进行差异标注。12.如权利要求11所述的装置，其特征在于，还包括颜色标注模块，用于：比对实际界面和预期界面中预设元素的颜色，在预设元素的颜色不一致时，在实际界面上进行差异标注。13.如权利要求12所述的装置，其特征在于，颜色标注模块还用于：在实际界面的前景色与背景色的对比度不符合无障碍要求时，在实际界面进行标注。14.如权利要求11所述的装置，其特征在于，还包括报告生成模块，用于：根据差异标注，生成差异总结报告。15.一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至10任一所述方法。16.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现权利要求1至10任一所述方法。17.一种计算机程序产品，其特征在于，所述计算机程序产品包括计算机程序，所述计算机程序被处理器执行时实现权利要求1至10任一所述方法。

技术总结
本发明提供了一种界面开发的视觉还原测试方法及装置，适用于云计算领域，该方法包括：获得实际界面和预期界面；构建实际界面和预期界面中的所有目标元素的灰度直方图；基于所述灰度直方图，对实际界面和预期界面中的对应目标元素进行对比，筛选出不一致的目标元素；获得所述不一致的目标元素在实际界面和预期界面的像素坐标；基于所述像素坐标，在实际界面上进行差异标注。本发明可以实现界面开发的视觉还原测试，时间成本和人力成本小，准确度高。准确度高。准确度高。


技术研发人员：董妍 严洁 李书源 司薇 张子辉 康伟
受保护的技术使用者：中国银行股份有限公司
技术研发日：2022.02.25
技术公布日：2022/5/31