基于图像对比自动化测试（PlayWright+odiff +ss

PlayWright 相关示例：
主要完成系统截图

image.png

安装 odiff 包解决对比图片文件
npm install odiff-bin -g -g 全局执行

设置基类图片
和自动化脚本截图的做对比
差异后会生成文件
windows 执行命令：
odiff C:\Users\Administrator\Desktop\Test_PRE_Adsdesk_UI0\Test_PRE_Adsdesk_UI\screen\00_PRE_Adsdesk_login.png C:\Users\Administrator\Desktop\Test_PRE_Adsdesk_UI0\Test_PRE_Adsdesk_UI\base_screen\00_PRE_Adsdesk_login.png C:\Users\Administrator\Desktop\Test_PRE_Adsdesk_UI0\Test_PRE_Adsdesk_UI\diff_screen\00_PRE_Adsdesk_login.png
Failure! Images are different.

引入odiff 包

image.png

截图后因为设置过基类图片可以直接那比较图片进行对比，如果有差异就会生成相应output文件

image.png

引入ssim 算法

image.png

const assert = require('assert');
const SSIM = require("image-ssim/index");
const load = require("../util/load_images");

image.png

后期实现根据断言排除相似度接近1的 删除掉odiff 生成人工干预的图片 这样减少差异图片数量