# auto-web-testing-management-framework

**Repository Path**: frankliugang/auto-web-testing-management-framework

## Basic Information

- **Project Name**: auto-web-testing-management-framework
- **Description**: web应用自动化测试平台
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-09-04
- **Last Updated**: 2025-10-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

下面是基于 Selenium + Vue.js 的自动化测试工具整体方案与主要实现细节，涵盖你提出的全部功能模块。每个模块都给出核心设计思路和关键技术点，便于后续分阶段开发。

一、项目与测试集管理模块
数据结构设计

项目（Project）：包含名称、描述、环境配置（URL、账号等）、测试集列表
测试集（Suite）：包含名称、描述、所属项目、测试用例列表、定时/批量执行配置
前端实现（Vue.js）

项目/测试集列表页，支持增删改查、分组展示
环境配置表单，支持多环境切换
定时任务配置界面（如 cron 表达式）
后端实现（Node.js + Express）

RESTful API：项目、测试集的增删改查、环境配置接口
定时任务调度（如 node-cron）
二、测试用例设计模块（核心）
可视化用例编辑器

Vue.js 拖拽式组件库（如 vue-draggable），支持“打开页面”、“点击元素”、“输入文本”、“断言”等步骤拖拽组合
步骤属性面板，支持参数配置
脚本模式

编辑器支持 JS/Python 代码高亮与校验（如 monaco-editor）
后端解析并执行脚本，暴露常用 Selenium API
参数化测试

支持 CSV/JSON 文件上传，前端解析并映射到用例参数
后端批量执行用例，数据驱动
用例依赖管理

用例间依赖关系图（如 vue-flow），前端可视化配置
后端按依赖顺序调度执行
元素库管理

元素定位符统一维护（如数据库或 JSON 文件）
用例引用元素库，修改后自动同步
三、执行引擎模块
多浏览器支持

后端 Selenium WebDriver 支持 Chrome/Edge/Firefox，运行参数可配置（如无头模式）
并行执行能力

后端采用队列+多进程/线程（如 worker_threads 或 pm2 cluster）
执行中断与恢复

用例执行状态持久化，支持断点续跑和失败重跑
实时日志输出

WebSocket 实时推送日志到前端，前端日志面板动态展示
远程执行

Selenium Grid 或 Docker 容器化部署，支持分布式节点
四、结果与报告模块
实时状态展示

前端进度条、统计面板，WebSocket 实时更新
详细结果视图

步骤级执行时间、截图、日志展示，失败高亮
多维度报表

趋势图（ECharts）、缺陷分布饼图、执行效率排名
报告导出（html-pdf、exceljs），邮件自动发送（nodemailer）
五、缺陷跟踪集成模块
主流缺陷工具对接

后端集成 Jira/TestRail API，支持一键创建缺陷，自动填充用例信息、截图、日志
缺陷状态同步与自动重跑

定时轮询或 webhook 监听缺陷状态，自动触发关联用例重跑
六、扩展与生态模块
插件市场

前端插件管理页，后端插件加载机制（如 npm 包或本地 JS 文件）
API接口

RESTful API，支持与 CI/CD 集成（Jenkins、GitHub Actions）
自定义变量与函数

用户可在前端定义全局变量/函数，后端执行时自动注入
版本控制

用例历史版本管理（如 MongoDB 文档版本或 Git），支持回滚
七、用户与权限模块
多角色管理

用户、角色、权限表设计，前端权限控制（如按钮显示/隐藏）
操作日志

后端记录所有关键操作，前端审计日志展示