接口测试平台-100: 用例库GraphQL请求 前端+显示+保存

1. 前端

首先打开P_cases.html，找到步骤详情页的请求体类型部分，然后添加相关dom：

一样的去P_apis.html中复制粘贴后 如图上。效果如下：

 

2. 显示show_step：

if (ret.api_body_method === 'GraphQL') {
    body_plan_G_Q = ret.api_body.split('*LR*')[0]
    body_plan_G_G = ret.api_body.split('*LR*')[1]
    document.getElementById('body_plan_G_Q').value = body_plan_G_Q;
    document.getElementById('body_plan_G_G').value = body_plan_G_G;
}

注意细节，首页/接口库/用例库的 请求体类型/请求体并不是完全相同的。

 

3. 保存close_right_div

{#   GraphQL   #}
if (step_body_method === 'GraphQL') {
    body_plan_G_Q = document.getElementById('body_plan_G_Q').value;
    body_plan_G_G = document.getElementById('body_plan_G_G').value;
    var step_api_body = body_plan_G_Q + '*LR*' + body_plan_G_G;
}

注意细节，首页/接口库/用例库的 请求体类型/请求体并不是完全相同的。

 

4. 清空

clear_step()：

然是切换已有接口骨架的函数中的清空部分：

 

进行测试保存等功能可以发现 并没有错误。