接口测试平台代码实现68: 多接口用例-8

1,767 阅读2分钟

本节我们开始进行小步骤的设置相关功能:

打开P_cases.html,找到我们的right_div:

图片

具体的设置呢?我们可以仿照我们接口设置的设计。

    但是在这之前,我们的步骤还有些特殊的属性,比如执行顺序:

图片

看看效果:

图片

然后是名字:

图片

注意这些输入框的位置和宽度,当然我的设计并不是很好~图片

图片

然后是 请求方式和url:

图片

大家不用手抄,一会完事会粘贴出源码。

图片

然后是host:

图片

图片

还有我们的header:

图片

然后我们还漏掉了一个重要的东西,就是在我们接口仓库 和 用例库之间 充当桥梁的设计,就是套用接口仓库的接口。

所以我们需要创建一个下拉选框,让用户可以选择已有接口,然后我们这个步骤直接都会变成这个接口的请求数据,方便我们根据需求稍加修改请求数据,然后就变成一个小步骤了~

图片

如上图,我们选择在顶部插入这个下拉选框,并设置好它的id。

效果如图所示:

图片

但是里面的内容呢?要怎么带进来呢?

这个我们可以用一个循环直接在html中操作,然后由后台函数在进入用例库的时候就带好接口仓库的所有接口的数据即可。

先写好这个循环:

图片

然后去views.py中的数据控制器函数:

child_json

在它里面找到这个P_cases.html的分支,在其返回值中加入接口库接口:

图片

最后让我们重启服务,刷新页面,看效果:

先记住我接口仓库的俩个接口:

图片

然后看看步骤的下拉框:

图片

发现已经可以选择这俩个接口了~ 

好了本节就水到这里了。欢迎持续关注~