本发明属于用户界面与交互设计，具体为一种app页面实体可视化模块管理测试用例的方法及系统。
背景技术：
1、app(应用程序)的测试是确保其在移动设备上功能正确和质量上乘的关键环节，这一过程依赖于精心设计的测试用例，测试用例管理策略多样，涵盖手动管理(如exce l)、采用专业工具(如testl i nk、zephyr、xray)以及自动化脚本技术，testli nk，作为免费开源之选，提供了一套完整的测试管理方案，从计划到执行再到报告，均支持多用户协作，但较高的学习成本和全生命周期管理的不足是其短板，相比之下，zephyr作为一款专业的测试管理工具，支持多样化的测试类型，并具备强大的报告与分析能力，然而，zephyr的简洁界面虽为亮点，但对于新用户而言，其独特的术语、布局及工作流可能带来学习成本，尤其对于非技术背景或时间紧张的测试人员而言尤为显著，此外，随着功能的日益丰富，高级功能的导航可能变得复杂，用户需穿越多层菜单才能触及所需功能，这不仅降低了工作效率，还增加了出错几率，同样，虽然定制化选项增强了灵活性，但其配置复杂度可能让不熟悉系统配置的用户望而却步，难以充分发挥工具潜力来优化测试流程，因此，需要对其进行改进和优化。
技术实现思路
1、本发明的目的在于提供一种app页面实体可视化模块管理测试用例的方法及系统，以解决上述背景技术中提出的问题。
2、为了实现上述目的，本发明提供如下技术方案：一种app页面实体可视化模块管理测试用例的系统，所述可视化模块管理测试用例的系统由导航展示模块、导航操作模块和导航图标模块关键组件构成，共同支持用户从直观的角度管理和维护app页面的测试用例。
3、优选地，所述可视化模块管理测试用例的方法的具体步骤包括；
4、步骤一，编写：包括选定关联页面，指定页面元素，对应模块拆分，编写用例；
5、步骤二，查看：包括选定关联页面，点击页面元素，展开模块，展开用例；
6、步骤三，更新积累：包括选定关联页面，点击页面元素，展开模块，更新用例。
7、优选地，所述步骤一中编写的具体步骤包括；
8、a1，进入系统：
9、用户首先登录到app页面实体可视化模块管理系统；系统验证用户身份后，展示主操作界面；
10、a2，选定关联页面：
11、在主操作界面中，用户通过浏览、搜索功能找到需要编写测试用例的关联页面；
12、a3，指定页面元素：
13、用户通过鼠标、触摸屏在基础图片上选定特定的页面元素；
14、a4，对应模块拆分：
15、用户根据测试需求，将选定的元素、元素组合拆分为独立的测试模块；
16、a5，编写用例：
17、在拆分好的模块中，用户开始编写具体的测试用例。
18、优选地，所述步骤二中查看的具体步骤包括；
19、b1，选定关联页面：
20、与编写测试用例相同，用户首先选定需要查看的关联页面；
21、b2，点击页面元素：
22、在页面基础图片上，用户点击想要查看的页面元素；
23、b3，展开模块：
24、系统根据点击的元素，自动展开该元素所属的测试模块；
25、b4，展开用例：
26、在模块内部，用户进一步点击具体的测试用例，展开查看详细测试步骤和预期结果。
27、优选地，所述b4中展开用例的具体内容包括；
28、在成功展开测试模块并浏览到包含的所有测试用例列表后，用户根据需要进一步深入查看特定测试用例的详细信息；这一步骤通过点击列表中的具体测试用例项来触发，系统随即响应并展开该测试用例的详细视图；
29、c1,详细测试步骤的查看：
30、在展开的测试用例详细视图中，首先呈现给用户的是该测试用例的详细测试步骤；
31、c2,预期结果的对比：
32、系统显示该测试用例期望得到的输出或结果；
33、c3,注释、标记与导出功能：
34、当遇到需要记录额外信息、标记重要点或导出数据以供后续使用的场景，在测试步骤、预期结果旁边添加注释，以记录个人见解、疑问或改进建议；
35、c4,增强用户体验的考虑：
36、提供友好的用户界面设计，确保信息布局合理、易于阅读；实现快速响应的交互机制，减少用户等待时间。
37、优选地，所述步骤三中更新积累的具体步骤包括；
38、d1，选定关联页面：
39、用户选择需要进行用例更新的关联页面；
40、d2，点击页面元素：
41、在页面上选定需要更新用例的页面元素；
42、d3，展开模块：
43、系统根据选定的元素，展开对应的测试模块；
44、d4，更新用例：
45、用户找到需要更新的测试用例，点击编辑按钮进入编辑模式。
46、优选地，所述导航展示模块的具体内容包括；
47、s1.导航名称下方有对应选中图标展示；打开app并进入包含导航模块的页面；点击导航模块中的任意一个导航项；观察该导航项下方是否出现了对应的选中图标；验证选中图标的展示样式是否与设计文档一致；
48、s2.导航名称展示控制；通过后端接口或数据库模拟不同的导航名称数据；验证导航名称的字体、大小、颜色属性是否符合设计要求；
49、s3.导航接口请求参数检查；使用网络抓包工具、代码模拟发送包含homenav igat i on接口请求，并在请求参数中增加abtest参数；观察接口响应是否成功，并且响应数据中是否包含了与abtest参数相关的内容或逻辑；验证在增加abtest参数后，app的导航功能是否仍然正常工作，没有出现异常或崩溃的情况；
50、s4.导航更新后自动回到推荐选中状态。
51、优选地，所述s4中导航更新后自动回到推荐选中状态的具体步骤包括；
52、e1,在app中进入非“推荐”频道；
53、e2,模拟或触发导航接口返回数据的更新操作；
54、e3,观察页面是否自动跳转回“推荐”频道；
55、e4,验证在跳转过程中，其他频道的选中状态是否被正确清除。
56、本发明的有益效果如下：
57、1、本发明通过直接可视化对应功能的样式，极大地降低了业务熟悉度低的测试人员及其他相关人员参与功能梳理和执行的门槛，用户无需深入了解复杂的后台逻辑或技术细节，即可直观地看到并理解每个功能模块的外观和操作方式，从而显著提升了操作的便捷性和用户体验的友好性。
58、2、本发明通过支持用例的拆分和层级模块与app页面的直接对应，还允许用户根据自身的命名习惯和称呼来定制模块，有效解决了因个人差异导致的命名混乱问题，这一特性使得无论是新手还是经验丰富的用户，都能快速、准确地梳理功能模块，并在过程中不断积累和完善用例库，提高了团队整体的工作效率和准确性。
59、3、本发明通过该平台，用户可以随时保持对应功能的完整性，无论是新增、修改还是删除功能，都能即时反映到可视化界面中，此外，平台还支持快速查看对应功能的完整内容，使得用户在需要时能够迅速定位并了解相关信息，无需在多个文档或系统中来回切换，大大提高了工作效率和响应速度，这种实时性和全面性的特点，对于保障产品质量和满足用户需求具有重要意义。
1.一种app页面实体可视化模块管理测试用例的系统，其特征在于：所述可视化模块管理测试用例的系统由导航展示模块、导航操作模块和导航图标模块关键组件构成，共同支持用户从直观的角度管理和维护app页面的测试用例。
2.一种app页面实体可视化模块管理测试用例的方法，其特征在于：所述可视化模块管理测试用例的方法的具体步骤包括；
3.根据权利要求2所述的一种app页面实体可视化模块管理测试用例的方法，其特征在于：所述步骤一中编写的具体步骤包括；
4.根据权利要求2所述的一种app页面实体可视化模块管理测试用例的方法，其特征在于：所述步骤二中查看的具体步骤包括；
5.根据权利要求4所述的一种app页面实体可视化模块管理测试用例的方法，其特征在于：所述b4中展开用例的具体内容包括；
6.根据权利要求2所述的一种app页面实体可视化模块管理测试用例的方法，其特征在于：所述步骤三中更新积累的具体步骤包括；
7.根据权利要求2所述的一种app页面实体可视化模块管理测试用例的方法，其特征在于：所述导航展示模块的具体内容包括；
8.根据权利要求7所述的一种app页面实体可视化模块管理测试用例的方法，其特征在于：所述s4中导航更新后自动回到推荐选中状态的具体步骤包括；
