【技术实现步骤摘要】
可视化测试方法、装置、电子设备及存储介质
[0001]本公开涉及自动化测试
，尤其涉及一种可视化测试方法、装置、电子设备及存储介质。
技术介绍
[0002]全球广域网(World Wide Web，Web)前端可视化测试的主要目的是从用户的角度来检验产品的质量，对真实使用场景进行仿真测试，如打开浏览器，使用各种功能、各种交互，以验证界面或功能是否符合预期。
[0003]现有技术中，需要测试人员手动操作对Web前端进行可视化测试，所花费的时间成本以及维护成本较高，可视化测试的效率较低。
技术实现思路
[0004]本公开提供一种可视化测试方法、装置、电子设备及存储介质，以至少解决如何提升可视化测试的效率的问题。本公开的技术方案如下：
[0005]根据本公开实施例的第一方面，提供了一种可视化测试方法，应用于后端，所述后端包括指定测试框架，所述方法包括：
[0006]基于所述指定测试框架中的录制工具插件，获取待测试浏览器对应的录制代码文件；所述录制代码文件是基于用户对所述待测试浏览器执行的页面操作生成的；
[0007]根据所述录制代码文件，自动生成测试脚本文件；
[0008]基于所述测试脚本文件对预设测试用例进行测试，得到测试结果；
[0009]基于所述测试结果，确定目标测试代码，并基于所述目标测试代码对所述待测试浏览器进行可视化测试。
[0010]可选的，所述基于所述指定测试框架中的录制工具插件，获取待测试浏览器对应的录制代码文件，包括：>[0011]响应于代码录制指令，启动所述指定测试框架中的录制工具插件；
[0012]基于所述录制工具插件，按照目标时间顺序采集对所述待测试浏览器执行的页面操作所对应的元素相关信息，得到元素定位数据；
[0013]按照目标时间顺序记录所述页面操作对应的行为信息以及操作结果，得到目标操作集合；
[0014]基于所述元素定位数据以及所述目标操作集合，生成所述录制代码文件。
[0015]可选的，所述基于所述录制工具插件，按照目标时间顺序采集对所述待测试浏览器执行的页面操作所对应的元素相关信息，得到元素定位数据，包括：
[0016]基于所述录制工具插件，监听所述待测试浏览器中文档对象模型的全局点击事件；所述文档对象模型为所述页面操作所指示的操作对象；
[0017]通过所述全局点击事件中的回调函数，获取目标元素事件对象；
[0018]按照目标时间顺序从所述目标元素事件对象中获取所述元素相关信息，得到所述
元素定位数据；所述目标时间顺序与对所述待测试浏览器执行的页面操作的操作顺序相同。
[0019]可选的，所述后端还包括预设测试工具；所述基于所述测试脚本文件对预设测试用例进行测试，包括：
[0020]基于所述预设测试工具，对所述预设测试用例进行调整，以及对所述测试脚本文件进行翻译，并将经过翻译后的所述测试脚本文件作为目标脚本文件；
[0021]对经过调整的所述预设测试用例进行修正，并将经过修正的所述预设测试用例作为目标测试用例；所述目标测试用例以及所述目标脚本文件符合预设规范；
[0022]调用所述目标脚本文件对所述目标测试用例进行测试，得到测试结果。
[0023]可选的，所述基于所述测试结果，确定目标测试代码，包括：
[0024]在所述测试结果表征测试成功的情况下，基于所述目标脚本文件生成目标测试代码；
[0025]在所述测试结果表征测试失败的情况下，调用指定调试工具确定命令日志中的错误信息；所述命令日志表征所述目标脚本文件对所述目标测试用例进行测试的测试过程；
[0026]基于所述错误信息，对所述目标脚本文件进行修改；
[0027]基于修改后的目标脚本文件，重新执行对所述目标测试用例进行测试的步骤，并基于重新得到的测试结果确定所述目标测试代码。
[0028]可选的，所述基于所述目标测试代码对所述待测试浏览器进行可视化测试，包括：
[0029]基于所述目标测试代码，对所述待测试浏览器中的文档对象模型、全局对象以及网络存储对象进行测试；
[0030]所述方法还包括：
[0031]基于对所述待测试浏览器中的所述文档对象模型、所述全局对象以及所述网络存储对象的测试过程以及测试结果，生成浏览器测试报告。
[0032]可选的，所述调用所述目标脚本文件对所述目标测试用例进行测试，包括：
[0033]向所述目标脚本文件注入目标探针代码；
[0034]基于包含有所述目标探针代码的目标脚本文件，对指定测试场景下的所述目标测试用例进行测试；
[0035]所述方法还包括：
[0036]对目标测试过程进行监测，得到监测指标；所述目标测试过程为对指定测试场景下的所述目标测试用例进行测试的测试过程；
[0037]基于所述监测指标，生成性能测试报告；所述性能测试报告用于对所述目标脚本文件进行优化。
[0038]根据本公开实施例的第二方面，提供了一种可视化测试装置，应用于后端，所述后端包括指定测试框架，所述装置包括：
[0039]第一获取模块，用于基于所述指定测试框架中的录制工具插件，获取待测试浏览器对应的录制代码文件；所述录制代码文件是基于用户对所述待测试浏览器执行的页面操作生成的；
[0040]第一生成模块，用于根据所述录制代码文件，自动生成测试脚本文件；
[0041]第一测试模块，用于基于所述测试脚本文件对预设测试用例进行测试，得到测试
结果；
[0042]第一确定模块，用于基于所述测试结果，确定目标测试代码，并基于所述目标测试代码对所述待测试浏览器进行可视化测试。
[0043]可选的，所述第一获取模块，具体被配置为：
[0044]第一启动模块，用于响应于代码录制指令，启动所述指定测试框架中的录制工具插件；
[0045]第一采集模块，用于基于所述录制工具插件，按照目标时间顺序采集对所述待测试浏览器执行的页面操作所对应的元素相关信息，得到元素定位数据；
[0046]第一记录模块，用于按照目标时间顺序记录所述页面操作对应的行为信息以及操作结果，得到目标操作集合；
[0047]第一生成子模块，用于基于所述元素定位数据以及所述目标操作集合，生成所述录制代码文件。
[0048]可选的，所述第一采集模块，具体被配置为：
[0049]第一监听模块，用于基于所述录制工具插件，监听所述待测试浏览器中文档对象模型的全局点击事件；所述文档对象模型为所述页面操作所指示的操作对象；
[0050]第一获取子模块，用于通过所述全局点击事件中的回调函数，获取目标元素事件对象；
[0051]第二获取子模块，用于按照目标时间顺序从所述目标元素事件对象中获取所述元素相关信息，得到所述元素定位数据；所述目标时间顺序与对所述待测试浏览器执行的页面操作的操作顺序相同。
[005本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种可视化测试方法，其特征在于，应用于后端，所述后端包括指定测试框架，所述方法包括：基于所述指定测试框架中的录制工具插件，获取待测试浏览器对应的录制代码文件；所述录制代码文件是基于用户对所述待测试浏览器执行的页面操作生成的；根据所述录制代码文件，自动生成测试脚本文件；基于所述测试脚本文件对预设测试用例进行测试，得到测试结果；基于所述测试结果，确定目标测试代码，并基于所述目标测试代码对所述待测试浏览器进行可视化测试。2.根据权利要求1所述的方法，其特征在于，所述基于所述指定测试框架中的录制工具插件，获取待测试浏览器对应的录制代码文件，包括：响应于代码录制指令，启动所述指定测试框架中的录制工具插件；基于所述录制工具插件，按照目标时间顺序采集对所述待测试浏览器执行的页面操作所对应的元素相关信息，得到元素定位数据；按照目标时间顺序记录所述页面操作对应的行为信息以及操作结果，得到目标操作集合；基于所述元素定位数据以及所述目标操作集合，生成所述录制代码文件。3.根据权利要求2所述的方法，其特征在于，所述基于所述录制工具插件，按照目标时间顺序采集对所述待测试浏览器执行的页面操作所对应的元素相关信息，得到元素定位数据，包括：基于所述录制工具插件，监听所述待测试浏览器中文档对象模型的全局点击事件；所述文档对象模型为所述页面操作所指示的操作对象；通过所述全局点击事件中的回调函数，获取目标元素事件对象；按照目标时间顺序从所述目标元素事件对象中获取所述元素相关信息，得到所述元素定位数据；所述目标时间顺序与对所述待测试浏览器执行的页面操作的操作顺序相同。4.根据权利要求3所述的方法，其特征在于，所述后端还包括预设测试工具；所述基于所述测试脚本文件对预设测试用例进行测试，包括：基于所述预设测试工具，对所述预设测试用例进行调整，以及对所述测试脚本文件进行翻译，并将经过翻译后的所述测试脚本文件作为目标脚本文件；对经过调整的所述预设测试用例进行修正，并将经过修正的所述预设测试用例作为目标测试用例；所述目标测试用例以及所述目标脚本文件符合预设规范；调用所述目标脚本文件对所述目标测试用例进行测试，得到测试结果。5.根据权利要求4所述的方法，其特征在于，所述基于所述测试结果，确定目标测试代码，包括：在所述测试结果表征测试成功的情况下，基于所述目标脚本文...
【专利技术属性】
技术研发人员：邓智容，
申请(专利权)人：北京达佳互联信息技术有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。