可以说是一个toy program,chatgpt完成了一部分工作,我也完成了一部分工作,我俩合作的,我占百分之80%,他百分之20%,哈哈没他不行,源码奉上。https://github.com/Jinwenxin/test-api-frontend
1.功能简介:
分成三部分,如左侧导航栏所示:
- 测试用例管理:测试用例的增删改查以及运行
- 测试套件管理:测试用例集的增删改查
- 测试结果:历史测试用例执行的结果查看
点击“run”后可直接运行测试用例并显示结果
测试用例集管理
测试结果查看
2.代码介绍:
2.1目录结构:
2.1.1后端:
2.1.2前端:
2.2 开发步骤: 后端:定义实体类(@data,@entity),建表-> 建立repository 继承jpa Repository类->创建service类,调用repo提供的方法,加上处理逻辑实现数据库交互->创建controller类,调用service提供的方法。
前端:app.js 写Router->layout公共部分编写->各个子component用layout,写页面逻辑(const),写return的html。
举例:test result页面:
虽然从来没用过react,但是基本上直接就能上手了。以下均来自我的猜测,稍后去官网看看。
主要是用到这三个关键字:
const 定义page,局部变量用
定义变量通常是 const [result,setResult] = useState([]) //初始化一个空对象
useEffect//一般是页面加载要执行的步骤
给result赋值就用setResult()
原来是hooks https://react.dev/reference/react/hooks
3.可扩展性:
- 集成jenkins,生成测试报告
- 加登录模块
- 添加header
- 批量运行测试用例
- 测试套件支持管理测试用例