测试平台系列(61) 重构用例详情页面

简介: 重构用例详情页面

大家好~我是米洛


这是一个完整的接口测试平台系列教程,希望能和大家一起学习,从0到1打造一个开源平台。


回顾


上一节我们插入了题外话: 部署相关的内容,让我们这节继续回到case相关的话题。

新的篇章


其实在之前的用例编写相关页面废弃以后,我一直在思考怎么去构建一个合理的,人性化的用例编写页面。

但其实也没有找到好的解决方案,期间也参考过一些其他优秀的开源项目。最终呢,我还是回归到了Tab模式:

最终效果大概会长这样:

1.jpg

image

主要分为2块,上面是用例相关的数据,下面是编写用例的核心地方,分为常见的模块。

下方分为4个步骤,数据构造器(前置条件)-> 接口请求 -> 断言 -> 数据清理。

符合人体工学设计的setUp -> test -> assert -> tearDown

相关改造


这些基本上算是前端页面的改造,但是后端接口也会有一些变化。所以我们得对接口做一些适配。

2.jpg

查询单个项目的时候,我们把case信息获取步骤删掉,加快接口响应速度

编写根据用例id获取前置条件的方法


3.jpg

image

注意这里有一个伏笔: 我们的前置条件肯定是有顺序去执行的,但我这边按照创建时间排序,显然是不友好的,但后面我们会支持变更前置条件执行顺序的功能。

4.PNG

这就是预览图

调整获取用例列表方法


5.jpg

image

改为异步执行,并且支持根据目录获取case,减少大规模查询case的次数。

调整获取单个case的方法


6.jpg

可以看到改动还是挺多的

以前只拿testcase,现在需要拿到case的基本信息前置条件,断言信息,最后封装到一个字典里面返回,后面还会有后置条件

这边没有选择用join,因为涉及的表比较多,所以我们查询多次,后续我们可以把查询好的数据都放入redis,减轻数据库的压力。

为什么要花这么多时间进行这块的改造,其实是因为之前确实太难用了。

比如我自己都觉得添加一个前置条件特别费劲,添加后还不能展示出来。


今天的内容就介绍到这里,下一节讲如何控制前置条件的执行顺序




相关文章
|
1月前
|
Kubernetes 测试技术 Perl
混沌测试平台 Chaos Mesh
混沌测试平台 Chaos Mesh
64 1
|
8天前
|
测试技术
软件测试用例设计之微信群抢红包经典用例
作者在浏览招聘网站时遇到为微信群发和抢红包设计测试用例的问题,作为软件测试新手,作者通过实际体验并撰写测试案例来加深对业务的理解,并分享了测试案例表格。需要注意的是,该用例未考虑添加银行卡支付、红包类型选择及红包描述。
22 5
软件测试用例设计之微信群抢红包经典用例
|
1天前
|
测试技术
基于LangChain手工测试用例转App自动化测试生成工具
在传统App自动化测试中,测试工程师需手动将功能测试用例转化为自动化用例。市面上多数产品通过录制操作生成测试用例,但可维护性差。本文探讨了利用大模型直接生成自动化测试用例的可能性,介绍了如何使用LangChain将功能测试用例转换为App自动化测试用例,大幅节省人力与资源。通过封装App底层工具并与大模型结合,记录执行步骤并生成自动化测试代码,最终实现高效自动化的测试流程。
11 4
|
22天前
|
测试技术
基于LangChain手工测试用例转Web自动化测试生成工具
该方案探索了利用大模型自动生成Web自动化测试用例的方法,替代传统的手动编写或录制方式。通过清晰定义功能测试步骤,结合LangChain的Agent和工具包,实现了从功能测试到自动化测试的转换,极大提升了效率。不仅减少了人工干预,还提高了测试用例的可维护性和实用性。
31 4
|
29天前
|
XML JavaScript 测试技术
Web自动化测试框架(基础篇)--HTML页面元素和DOM对象
本文为Web自动化测试入门指南,介绍了HTML页面元素和DOM对象的基础知识,以及如何使用Python中的Selenium WebDriver进行元素定位、操作和等待机制,旨在帮助初学者理解Web自动化测试中的关键概念和操作技巧。
36 1
|
30天前
|
测试技术 Android开发 iOS开发
Appium 是一个开源的自动化测试框架,它支持多种平台和多种编程语言
Appium是一款开源自动化测试框架,支持iOS和Android多平台及多种编程语言。通过WebDriver协议,开发者可编写自动化测试脚本。在iPhone上实现屏幕点击等操作需安装Appium及其依赖,启动服务器,并设置所需的测试环境参数。利用Python等语言编写测试脚本,模拟用户交互行为,最后运行测试脚本来验证应用功能。对于iPhone测试,需准备真实设备或Xcode模拟器。
59 1
|
1月前
|
人工智能 自然语言处理 测试技术
基于LangChain手工测试用例转接口自动化测试生成工具
本文介绍利用大语言模型自动生成接口自动化测试用例的方法。首先展示传统通过HAR文件生成测试用例的方式及其局限性,随后提出结合自然语言描述的测试需求与HAR文件来生成更全面的测试脚本。通过LangChain框架,设计特定的提示词模板,使模型能够解析测试需求文档和HAR文件中的接口信息,并据此生成Python pytest测试脚本。示例展示了正常请求、非法请求及无效路径三种测试场景的自动化脚本生成过程。最终,整合流程形成完整代码实现,帮助读者理解如何利用大模型提高测试效率和质量。
75 2
|
1月前
|
运维 Kubernetes 监控
|
1月前
|
Java 测试技术
单元测试问题之想通过单元测试来驱动代码的设计与重构,如何实现
单元测试问题之想通过单元测试来驱动代码的设计与重构,如何实现
|
1月前
|
存储 测试技术 API
apifox实例应用-自动化测试用例for循环的使用
总结来说,通过在Apifox自动化测试用例中结合for循环的使用,我们可以有效地对接口进行批量测试,提升测试效率和覆盖率。同时,通过参数化测试数据的灵活应用,能够确保我们的接口在不同的输入条件下都能保持正确的行为。这种方法能够显著减少手动测试工作量,同时通过标准化的流程确保测试的一致性。
62 0