[发明专利]组件的用户界面测试方法、装置、电子设备及存储介质

说明书

本发明提供一种组件的用户界面测试方法、装置、电子设备及存储介质，其中该方法包括：基于对比组件元件库，获取多个对比测试用例，并基于基准组件元件库，获取多个基准测试用例；通过组合模式抽象和组件元件的排列组合，基于对比组件元件库获取对比组合组件，并基于基准组件元件库获取基准组合组件；基于对比组合组件，获取对比组合测试用例，并基于基准组合组件，获取基准组合测试用例；基于对比测试用例和基准测试用例，以及对比组合测试用例和基准组合测试用例，对对比组件元件库内的对比组件元件进行用户界面测试，获取测试结果。本发明通过组合组件元件，并结合组件元件对组合组件进行UI测试，能够快速定位单一组件错误，准确性更高。

技术领域

本发明涉及计算机技术领域，尤其涉及一种组件的用户界面测试方法、装置、电子设备及存储介质。

背景技术

随着万维网(World Wide Web,WEB)前端技术的发展及各种JS (Java Script)框架的出现，各大组件库层出不穷。利用组件库，可以规范页面的样式，通过将基础组件进行个性化组合，可以沉淀出业务组件，从而提升研发人员的开发效率。

组件的质量影响着页面对外的呈现效果，因此需要对组件质量进行测试。目前组件的质量测试包含两方面：功能测试和用户界面(User interface,UI)样式测试，都可以归属到单元测试的范畴。

但是，组件在被使用到生产环境中时，经常是以组合的形态出现，多个组件组合之后样式会互相影响，目前组件的测试一般是单独对各个组件分别进行测试，单独测试一个组件无法保证与其他组件组合时展示效果的正确性。

发明内容

本发明提供一种组件的用户界面测试方法、装置、电子设备及存储介质，用以解决现有技术在用于组件的组合形态时测试不准确等问题的缺陷，实现在组件组合形态下能有效降低组件间的相互影响提高测试准确性的目标。

本发明提供一种组件的用户界面测试方法，包括：

基于对比组件元件库，获取多个对比测试用例，并基于基准组件元件库，获取多个基准测试用例，所述对比组件元件库和所述基准组件元件库间存在重叠的组件元件；

通过组合模式抽象和组件元件的排列组合，基于所述对比组件元件库获取对比组合组件，并基于所述基准组件元件库获取基准组合组件；

基于所述对比组合组件，获取对比组合测试用例，并基于所述基准组合组件，获取基准组合测试用例；

基于所述对比测试用例和所述基准测试用例，以及所述对比组合测试用例和所述基准组合测试用例，对所述对比组件元件库内的对比组件元件进行用户界面测试，获取测试结果。

本发明还提供一种组件的用户界面测试装置，包括：

组件元件用例模块，用于基于对比组件元件库，获取多个对比测试用例，并基于基准组件元件库，获取多个基准测试用例，所述对比组件元件库和所述基准组件元件库间存在重叠的组件元件；

组件组合模块，用于通过组合模式抽象和组件元件的排列组合，基于所述对比组件元件库获取对比组合组件，并基于所述基准组件元件库获取基准组合组件；

组合组件用例模块，用于基于所述对比组合组件，获取对比组合测试用例，并基于所述基准组合组件，获取基准组合测试用例；

测试输出模块，用于基于所述对比测试用例和所述基准测试用例，以及所述对比组合测试用例和所述基准组合测试用例，对所述对比组件元件库内的对比组件元件进行用户界面测试，获取测试结果。

本发明还提供一种电子设备，包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的程序或指令，所述处理器执行所述程序或指令时，实现如上述任一种所述的组件的用户界面测试方法的步骤。