接口测试平台代码实现103:GraphQL-3

简介: 上节我们搞定了首页的GraphQL请求功能,但是似乎漏掉了一个功能:显示。也就是当我点击左侧请求记录的时候,右侧需要显示对应的请求数据,但是很显然我们遗漏了GraphQL这个请求体类型。

打开Home.html:找到这段代码:微信图片_20220630122259.png

我们现在来添加上:微信图片_20220630122314.png

然后就可以成功显示了。


正文开始:


本节我们来快速搞定接口库调试层,相较于首页,这里涉及的不但要有显示,发送功能,还有保存功能。

   

   首先我们打开接口库的html,在dom层(你可以理解为<标签>部分)进行创建表情,大部分原理和代码我们可以复制首页的对应部分。

   打开P_apis.html:

首先增加这句:

微信图片_20220630122320.png

有同学经常搞不懂这句插入的具体位置,其实这里可以通过上下文的关键字来ctrl+f来寻找。这是程序员基本功哦~


   效果如下:

微信图片_20220630122326.png

然后我们再去写他的子页面:微信图片_20220630122332.png

效果如下:微信图片_20220630122341.png

我们试着输入,结果发现输入的东西都看不见,那是因为颜色都是白色,我们这里要加个文字颜色属性:微信图片_20220630122346.png现在能正常输入显示了。


然后我们找到 显示,保存和发送函数,分别添加 graphql的部分。

首先是显示:

微信图片_20220630122355.png

显示写完了,现在我也不确定这段代码对不对。毕竟我们是直播开发,假如后面不小心发现写错了,我也不会来这改好,然后装作没出错的样子。因为教程中代码的截图比较连贯,来回跳跃改容易引起叉劈。大家也经历一下真实的流程,很接地气很安心。


然后是发送:

微信图片_20220630122401.png

然后是保存:微信图片_20220630122407.png

经过测试:三个函数全部成功了~


然后我们去修改views.py中,加上相应的代码:

找到函数 Api_send()

微信图片_20220630122413.png

如图,到这,就算搞定了接口库调试层的部分了。

相关文章
|
1月前
|
关系型数据库 MySQL 测试技术
【分享】AgileTC测试用例管理平台使用分享
AgileTC 是一个脑图样式测试用例管理平台,支持用例设计、执行与团队协作,帮助测试人员高效管理测试流程。
177 116
【分享】AgileTC测试用例管理平台使用分享
|
24天前
|
测试技术 开发者 Python
Python单元测试入门:3个核心断言方法,帮你快速定位代码bug
本文介绍Python单元测试基础,详解`unittest`框架中的三大核心断言方法:`assertEqual`验证值相等,`assertTrue`和`assertFalse`判断条件真假。通过实例演示其用法,帮助开发者自动化检测代码逻辑,提升测试效率与可靠性。
161 1
|
1月前
|
人工智能 数据可视化 测试技术
AI测试平台自动遍历:低代码也能玩转全链路测试
AI测试平台的自动遍历功能,通过低代码配置实现Web和App的自动化测试。用户只需提供入口链接或安装包及简单配置,即可自动完成页面结构识别、操作验证,并生成可视化报告,大幅提升测试效率,特别适用于高频迭代项目。
|
1月前
|
人工智能 测试技术 调度
写用例写到怀疑人生?AI 智能测试平台帮你一键生成!
霍格沃兹测试开发学社推出AI智能测试用例生成功能,结合需求文档一键生成高质量测试用例,大幅提升效率,减少重复劳动。支持自定义提示词、多文档分析与批量管理,助力测试人员高效完成测试设计,释放更多时间投入核心分析工作。平台已开放内测,欢迎体验!
|
1月前
|
人工智能 测试技术 项目管理
测试不再碎片化:AI智能体平台「项目资料套件」功能上线!
在实际项目中,需求文档分散、整理费时、测试遗漏等问题常困扰测试工作。霍格沃兹推出AI智能体测试平台全新功能——项目资料套件,可将多个关联文档打包管理,并一键生成测试用例,提升测试完整性与效率。支持套件创建、文档关联、编辑删除及用例生成,适用于复杂项目、版本迭代等场景,助力实现智能化测试协作,让测试更高效、更专业。
|
2月前
|
存储 人工智能 算法
AI测试平台实战:深入解析自动化评分和多模型对比评测
在AI技术迅猛发展的今天,测试工程师面临着如何高效评估大模型性能的全新挑战。本文将深入探讨AI测试平台中自动化评分与多模型对比评测的关键技术与实践方法,为测试工程师提供可落地的解决方案。
|
29天前
|
人工智能 边缘计算 搜索推荐
AI产品测试学习路径全解析:从业务场景到代码实践
本文深入解析AI测试的核心技能与学习路径,涵盖业务理解、模型指标计算与性能测试三大阶段,助力掌握分类、推荐系统、计算机视觉等多场景测试方法,提升AI产品质量保障能力。
|
1月前
|
人工智能 自然语言处理 测试技术
AI测试平台的用例管理实践:写得清晰,管得高效,执行更智能
在测试过程中,用例分散、步骤模糊、回归测试效率低等问题常困扰团队。霍格沃兹测试开发学社推出的AI测试平台,打通“用例编写—集中管理—智能执行”全流程,提升测试效率与覆盖率。平台支持标准化用例编写、统一管理操作及智能执行,助力测试团队高效协作,释放更多精力优化测试策略。目前平台已开放内测,欢迎试用体验!
|
2月前
|
存储 人工智能 文字识别
从零开始打造AI测试平台:文档解析与知识库构建详解
AI时代构建高效测试平台面临新挑战。本文聚焦AI问答系统知识库建设,重点解析文档解析关键环节,为测试工程师提供实用技术指导和测试方法论