[发明专利]一种前端界面的自动化测试校验方法、装置及存储介质

说明书

本发明公开了一种前端界面的自动化测试校验方法、装置及存储介质，该方法包括建立前端界面的属性状态集合，对调起的当前前端界面进行测试，获得当前前端界面的属性及对应属性状态，响应于属性状态集合中包含属性状态，提示当前前端界面的自动化测试校验结果为正常。本发明实施例避免了由于采用图像匹配方式校验测试结果效率低且准确度不高的问题，提升了自动化测试的可执行性和校验能力，达到了提高测试效率和准确性的效果。即使前端界面模式更换较频繁，也无需重新调整测试用例，约了测试人力资源。

技术领域

本发明涉及自动化测试技术领域，尤其是涉及到一种前端界面的自动化测试校验方法、装置及存储介质。

背景技术

随着互联网产品的增多以及产品功能的日趋强大，对产品的测试压力也随之增大。如何才能高效的完成测试任务，是每个测试从业人员的目标。目前，后端的接口测试具有较完善的框架支撑，而前端的自动化测试框架也在不断的进步。React作为当前最热门的前端框架之一，被广泛应用于各大网站。但是，基于React框架开发的前端功能，在前端自动化测试的过程中存在的一个较大难点就是如何验证自动化用例的执行结果是否正确，以精准完成自动化校验。

相关技术中，基于UI(User Interface，用户界面)的自动化测试需获取web界面上的元素列表，并编写脚本来调用点击、拖动元素，从而触发后端接口调用。待后端数据返回后重新渲染界面，使用图像识别的方式进行结果校验，如果图像识别校验通过就执行下一步执行。本方案使用的是图像匹配的方式进行校验，主要通过对比前界面中是否包含某个元素，或者界面中是否存在与目标图像相似度较高的图像，例如在自动化脚本编写的过程中，保存关键步骤的结果图片，测试过程中执行到该步骤时进行图片比对，若图片一致，说明执行成功，若图片不一致，说明执行失败。这种自动化测试校验的方案存在如下缺点：1、使用图像识别的方式容易出现误差，如果在界面中出现多个相似图片会导致判断错误；2、使用图像识别的方式校验速度慢，需要对像素进行采样和比对；3、前端的UI容易经常变化，组件和图片变换后需要重新编写脚本，维护成本高。

发明内容

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的前端界面的自动化测试校验方法、装置及存储介质，能够提升自动化测试的可执行性和精准的校验能力，达到提高测试效率和准确性的效果。

根据本发明实施例的一方面，提供了一种前端界面的自动化测试校验方法，包括：

建立前端界面的属性状态集合；

对调起的当前前端界面进行测试，获得所述当前前端界面的属性及对应属性状态；

响应于所述属性状态集合中包含所述属性状态，提示所述当前前端界面的自动化测试校验结果为正常。

可选地，建立前端界面的属性状态集合，包括：

收集指定应用程序中多个前端界面分别所包含的属性；

确定不同状态下的前端界面所包含属性对应的属性状态；

将一个前端界面在一状态下对应的属性状态记录为一个属性状态单元；

基于记录的多个属性状态单元建立所述属性状态集合。

可选地，响应于所述属性状态集合中包含所述属性状态，提示所述当前前端界面的自动化测试校验结果为正常，包括：

从所述属性状态集合中查找是否存在与所述当前前端界面的属性状态一致的属性状态单元；

响应于查找到与所述当前前端界面的属性状态一致的属性状态单元，提示所述当前前端界面的自动化测试校验结果为正常。

可选地，建立前端界面的属性状态集合之后，还包括：

为不同属性状态单元分别设置不同执行功能；