前端页面响应测试思路

背景

周五，FE组长看我再写UI 自动化case，问有没有图像对比的方法，我说有，目前有三种方式（基于RGB匹配、模板匹配、特征匹配）；…（省略沟通过程）…，他在想找一个分析响应时间的方式。借助我之前有过相关的测试经验，我说周末看一下。

问题

寻找响应测试的方式

目的

解决开发的问题；同时作为一个专项测试内容，补充现有质量保障体系专项

思路

采用视频录制+后期视频分析、图像相似度来计算时间差

1. 视频采集驱动方式（自动化）
   本地已完成
2. 视频分析及图像相似度
   视频分析采用opencv库将视频分解成图片，按时间间隔截取

图像相似度调研了了几种，有ahash、dhash、phash和ssim

“”"
aHash：平均值哈希。速度比较快，但是常常不太精确。
pHash：感知哈希。精确度比较高，但是速度方面较差一些。
dHash：差异值哈希。精确度较高，且速度也非常快
“”"
SSIM的测量体系由三个模块组成: 亮度，对比度和结构。

暂时采用dhash方式分析
效果描述：（iphone11手机）
（冷启动）某app到加载完启动广告页，耗时1s
某app从列表页进入详情页，耗时1s

后期规划：目前是手动看数据来分析时间间隔，后期会设置阈值，当阈值大于某个值时，认为前后页变化较大，当变化停止后，说明加载完成，记录前面第一个的时间戳。
第二点，为方便开发分析，后期也会将数据利用plt库绘制图形，方便分析结果

遗留问题：目前是0.2s间隔截取图片，对结果来说稍微会有点误差，暂时先接受，后期优化，重在分析。