基于Django+Vue实现接口自动化测试平台

前言

        之前使用pytest+excel实现了数据驱动的接口自动化。但是在使用过程中发现,用例一多使用文件的方式不容易管理,有时候没注意修改了excel的格式还会导致跑用例失败,便萌生了做一个多人操作的web端平台的想法。白天需要测试业务,只有晚上有时间去研究它,从设计到完成,花了三个多月的时间,属实是相当不易。

        本文只写项目总览,其他各个模块会在本专栏陆续发布。

采用的技术

基于Django+Vue实现接口自动化测试平台_第1张图片

实现的功能

        1、用户注册、登录token鉴权,路由全局守卫

        2、支持管理员启用禁用其他账号

        3、支持项目、Host、接口、测试用例、定时任务的等的增加、删除、修改功能

        4、支持实时查看接口返回内容及断言结果

        5、支持多种断言方式:状态码、完全匹配、正则表达式、Json提取

        6、支持单接口测试、流程场景测试

        7、支持参数传递,api2可以直接从api1中读取参数

        8、支持定时任务,用例运行异常写入日志,问题快速定位

        9、支持用户头像上传

项目截图

登录

基于Django+Vue实现接口自动化测试平台_第2张图片

首页

首页展示一些项目、用例、接口等计数

基于Django+Vue实现接口自动化测试平台_第3张图片

项目管理

项目管理页面实现项目的增删改查功能

基于Django+Vue实现接口自动化测试平台_第4张图片

 项目信息

基于Django+Vue实现接口自动化测试平台_第5张图片

项目Host

服务器的ip不会经常变,所以本模块管理ip

基于Django+Vue实现接口自动化测试平台_第6张图片

API接口

接口列表展示

基于Django+Vue实现接口自动化测试平台_第7张图片

增加API页面,主要选择主机、接口路径、请求头、传递参数、断言方式

基于Django+Vue实现接口自动化测试平台_第8张图片

         点击API列表页的运行按钮,会使用requests会填写的接口信息进行发送请求,同时根据返回内容进行断言。

断言方式支持四种、仅状态码校验、完全校验、正则校验、Json校验。

 基于Django+Vue实现接口自动化测试平台_第9张图片

 测试用例添加

 添加测试用例页面如下,支持全局替换参数,类似jemter的全局自定义常量。

支持从前面的接口中提取值,可以从上一个接口的cookie、header、response中进行提取,提取规则同Jsonpath。常见的场景如登录+查询

基于Django+Vue实现接口自动化测试平台_第10张图片

运行结果展示:

查看response中的token值可知,通过api传递参数成功了。

基于Django+Vue实现接口自动化测试平台_第11张图片

 定时任务

任务默认为stop状态,设置运行时间后可手动启用。

基于Django+Vue实现接口自动化测试平台_第12张图片

 2022-06-14创建了一个定时任务,于每周的一二三的早晨09:15分执行【用例1】

次日,查看运行记录:

        2022-06-15 09:15:00自动执行了任务,并且将相关错误打印到了日志

基于Django+Vue实现接口自动化测试平台_第13张图片

 用户管理

 admin可以禁用/启用除自己的用户,禁用后无法登录

基于Django+Vue实现接口自动化测试平台_第14张图片

你可能感兴趣的:(DRF,+,VUE,自动化测试平台,前端,django,vue.js)