网站建1设公司,wordpress图片异步延迟加载,个体商户建自己的网站做销售,南昌做网站的公司有哪些文章目录 一、背景1、二次开发1.1、首页1.2、项目列表1.3、用例列表1.4、新增用例1.5、测试套件1.6、查看报告 二、总结 一、背景 自入职起#xff0c;就在公司内部引入开源接口测试平台#xff0c;选一个大家勉强看得懂源码的开源项目#xff0c;方便后续的二次开发#x… 文章目录 一、背景1、二次开发1.1、首页1.2、项目列表1.3、用例列表1.4、新增用例1.5、测试套件1.6、查看报告 二、总结 一、背景 自入职起就在公司内部引入开源接口测试平台选一个大家勉强看得懂源码的开源项目方便后续的二次开发不管是功能优化还是功能定制至少有动手的能力同时又能避免重复造轮子(既没有造轮子的时间也没有那么多精力)。那么二次开发到底是做什么首先需要先熟悉它本身的功能实现和框架架构不要因为他本身就是个平台就感觉无从下手因为它并不完美。 1、二次开发
1.1、首页
主要是对样式的改造增加一列灰色显示失败用例光标移动显示用例具体数据效果时间轴跨度
index.html改到的源码
***
legend: {data: [跳过用例, 失败用例, 成功用例, 通过率]
},
***
series: [{name: 跳过用例,type: bar,data: [],color: #696969},{name: 失败用例,type: bar,data: [],color: #e6194B},{name: 成功用例,type: bar,data: [],color: #3cb44b},{name: 总用例数,type: bar,data: [],color: #00BFFF},{name: 通过率,type: line,yAxisIndex: 1,data: [],color: Pink}
]
***
option.xAxis[0].data xAxis_data;
option.series[0].data {{ total.skip }};
option.series[1].data {{ total.fail }};
option.series[2].data {{ total.pass }};
option.series[3].data {{ total.sum }};
option.series[4].data {{ total.percent }};
***
function getDay(day) {var today new Date();var targetday_milliseconds today.getTime() 1000 * 60 * 60 * 24 * day * -1;today.setTime(targetday_milliseconds); //注意这行是关键代码var tYear today.getFullYear();var tMonth today.getMonth();var tDate today.getDate();tMonth doHandleMonth(tMonth 1);tDate doHandleMonth(tDate 2);// 多显示两天return tYear - tMonth - tDate;
}
***至于views.py源码是树状数据的显示找到index方法里面的get_total_values对应变量名去修改自己想要的效果
***
total {skip: [],pass: [],fail: [],percent: [],sum: []
}
***
# 用例失败数总数-成功数-跳过数
total[fail].append(total_run - total_success - total_skipped)
total[percent].append(total_percent)
total[skip].append(total_skipped)
total[sum].append(total_run)1.2、项目列表
优化了批量导入功能
平台的底层框架是httprunner工具它本身支持charles录制导出的har数据文件进行转换成json或yml格式的用例
for file in files:file_suffix os.path.splitext(file)[1].lower()if file_suffix .json:with io.open(file, encodingutf-8) as data_file:try:content json.load(data_file)except JSONDecodeError:err_msg uJSONDecodeError: JSON file format error: {}.format(file)logging.error(err_msg)elif file_suffix in [.yaml, .yml]:with io.open(file, r, encodingutf-8) as stream:content yaml.load(stream, Loaderyaml.FullLoader)1.3、用例列表
这个列表改造的功能就比较多了如新增字段状态、更新人、接口url等还有时间优化、查询条件优化
这里涉及的改动就多了要看得懂数据库表字段涉及、代码重构、前端样式调整
***
# 搜索项目--用例
elif belong_project and name is not :obj obj.filter(belong_project__containsbelong_project).filter(Q(request__containsname) | Q(name__containsname))
# 搜索模块--用例
elif belong_module and name is not :obj obj.filter(belong_module__module_name__containsbelong_module).filter(Q(request__containsname) | Q(name__containsname))***1.4、新增用例
对于上一个功能设计的新增是否执行status状态列是因为httprunner工具对于用例是有skip
add_case.html同时也隐藏了创建者字段
***
div classform-groupdiv classinput-group col-md-4 col-md-offset-1div classinput-group-addon stylecolor: #0a628f是否执行/divselect idis_excuted nameskip classform-controloption valueFalse selected默认执行/optionoption valueTrue跳过执行/option/select/div
/div
***
div classform-group hiddenhiddendiv classinput-group col-md-4 col-md-offset-1div classinput-group-addon stylecolor: #0a628f编写人员/divinput typetext classform-control idauthor nameauthorplaceholder用例编写人员 value{{ account }} readonly!-- 默认获取当前登录用户 --/div
/div
***1.5、测试套件
时间格式的调整新增更新者字段
这里面涉及的知识点前面也有引用suite_list.html
***
td{{ foo.create_time|handle_time }}/td
td{{ foo.update_time|handle_time }}/td
***自定义custom_tags.py过滤器
register.filter(namehandle_time)
def handle_time(value):处理时间格式return value.strftime(%Y-%m-%d)1.6、查看报告
这里改造的东西也是比较多的如新增执行人、备注字段实现可以知道谁执行的测试、失败的用例可以备注什么原因、更能支持批量删除报告功能
report_list.html增加编辑窗口实现备注是由commons.js实现update_data_ajax
div classform-grouplabel classcontrol-label col-sm-3 formarkstylefont-weight: inherit; font-size: small 报告备注/labeldiv classcol-sm-9{# input namemark typetext idmark classform-control#}{# placeholder报告备注 value请输入备注内容!#}textarea typetext rows5 classform-control idmark namemarkaria-describedbyinputSuccess3Status placeholder报告备注 value报告备注stylecolor: red;/textarea!-- 是个icon样式 --{# span classglyphicon glyphicon-paperclip form-control-feedback aria-hiddentrue/span#}/div
/div
***
script typetext/javascriptfunction edit(id, report_name, report_result, mark) {$(#index).val(id);$(#report_name).val(report_name);$(#report_result).val(report_result)$(#mark).val(mark);$(#my-edit).modal({relatedTarget: this,onConfirm: function () {update_data_ajax(#report_list, /api/report_list/1/)},onCancel: function () {}});}
***curd.js要实现批量删除报告全选、多选报告进行删除
function ckAll() {var flag document.getElementById(select_all).checked;var cks document.getElementsByName(input[]);for (var i 0; i cks.length; i) {cks[i].checked flag;}
}//批量删除
function MultiDel(id) {if (!confirm(确定删除这些吗?删除后回到第一页!)) {return;}var cks document.getElementsByName(input[]);var str ;//拼接所有的idfor (var i 0; i cks.length; i) {if (cks[i].checked) {str cks[i].value ,;}}//去掉字符串未尾的,str str.substring(0, str.length - 1);location.href /api/del_reports?ids str;
}二、总结
其实对于这些小功能的改造和优化都是为了方便更好的使用这个平台提审使用它的效率从而对于测试的效率就会提升有效的记录每次执行结果并进行分析跟踪反馈。日拱一卒无有尽功不唐捐终入海
