线上UI自动化巡检项目-online-inspection-tracker


这是一个名为“TheCoolQATeam/online-inspection-tracker”的GitHub项目,提供了线上UI自动化巡检系统相关的资源,以下是其主要内容总结:

项目概述

  • 名称:线上UI自动化巡检项目。
  • 简介:帮助开发人员和测试人员检测线上Web应用UI界面异常,提升用户体验和产品质量。
  • Demo地址:https://check.itest.ren/。

功能特点

  • 自动化巡检:定时或实时执行,无需人工干预。
  • 多种巡检规则:支持标题对比、页面视觉回归。
  • 实时反馈:展示问题截图、描述和定位信息。
  • 跨平台支持:适配主流浏览器和操作系统。

使用说明

  • 安装与部署
    • 克隆项目到本地。
    • 可通过Docker部署(参考doc/docker部署手册.md),也可本地启动。
    • 本地启动需基础环境(nodejs、jdk1.8、maven),mysql建表(语句在db/ddl.sql)。
    • online - server(SpringBoot项目)安装依赖后一键启动,访问地址http://127.0.0.1:9091/。
    • online - client(vue项目),先执行npm install安装依赖,再执行npm run dev启动,访问地址http://127.0.0.1:5173/。
  • 巡检用例录入:点击左侧菜单“H5用例”,点击“新增”填写信息(包括H5页面标题、巡检URL、业务线、告警群机器人key值等)后提交。
  • 巡检规则:每5分钟执行一次,内容包括页面可用性检测(白屏)、页面像素比对(相似度<60%)、用例执行时长统计。
  • 巡检结果:实时展示,可在“巡检记录”查看今日记录,“数据看板”查看近段时间用例执行数据。
  • 异常用例告警:页面标题比对错误或像素比对相似度<60%时,若配置群机器人key则发送告警通知。

技术栈

  • 编程语言:JAVA。
  • 框架:SpringBoot。
  • 自动化测试工具:playwright + testNg。
  • 数据库:MySQL(5.7)。
  • 前端技术:vue3。

贡献指南

  • 欢迎贡献代码、文档和建议,步骤为:Fork项目到自己仓库,创建并切换新分支,修改后提交并推送,发起Pull Request到主分支。
  • 贡献巡检资源:开发者可提供已部署项目共享资源(demo站点URL有限)。

联系方式

  • GitHub仓库提交ISSUE。
  • 邮箱:zdx0122@gmail.com。
  • 微信群交流(群名:自动化巡检系统开源沟通群)。

许可证

采用Apache许可证,使用时需遵守相关协议。项目包含的话题有test - automation、springboot、testng、vue3、playwright - java。

github

Demo