[发明专利]一种网页自动化测试方法、装置、电子设备和存储介质

说明书

本申请提供了一种网页自动化测试方法、装置、电子设备和存储介质，所述方法包括：在执行网页的用户界面自动化测试过程中，当页面渲染完成时，注入用于获取所述网页的性能数据的代码并运行；获取所述网页的性能数据并输出。该方案能够同时实现网页的用户界面自动化测试和网页性能的自动化测试，提高了测试效率，降低了测试成本。

技术领域

本发明涉及自动化测试技术领域，特别涉及一种网页自动化测试方法、装置、电子设备和存储介质。

背景技术

随着互联网技术的迅猛发展，互联网产品呈指数级增长，其中网页(web)应用产品增长尤为快速，在产品快速迭代增长的同时，web产品质量的保障日益重要。在web应用快速迭代的过程中，为了保障质量，要求测试回归的工作量日益增长，因此急需web的自动化测试替代手工测试，从而大大提升测试效率。

发明内容

有鉴于此，本申请提供一种网页自动化测试方法、装置、电子设备和存储介质，能够同时实现网页的用户界面自动化测试和网页性能的自动化测试，提高了测试效率，降低了测试成本。

为解决上述技术问题，本申请的技术方案是这样实现的：

在一个实施例中，提供了一种网页自动化测试方法，所述方法包括：

在执行网页的用户界面自动化测试过程中，当页面渲染完成时，注入用于获取所述网页的性能数据的代码并运行；

获取所述网页的性能数据并输出。

其中，所述方法进一步包括：

将注入的用于获取网页性能的代码与网页的用户界面自动化测试代码封装为所述页面的网页自动化测试代码。

其中，所述注入用于获取所述网页的性能数据的代码，包括：

通过页面注入page.evaluate方法注入用于获取所述网页的性能数据的代码。

其中，所述当页面渲染完成时，所述方法进一步包括：

注入控制台报错监听代码，并运行；

当确定监控输出的类型为错误类型时，记入控制台报错信息。

其中，所述方法进一步包括：

将注入的用于获取网页性能的代码、控制台报错监听代码与网页的用户界面自动化测试代码封装为所述页面的网页自动化测试代码。

其中，所述方法进一步包括：

使用nodejs搭建网页的用户界面自动化测试系统；和/或，

使用puppeteer提供的接口注入用于获取所述网页的性能数据的代码、监控控制台报错信息、以及页面dom元素同页面交互的定位；和/或，

使用mocha框架编写网页的自动化测试的测试用例；和/或，

使用gitlab ci自动执行网页自动化case。

在另一个实施例中，提供了一种网页自动化测试装置，所述装置包括：执行单元、注入单元、获取单元和输出单元；

所述执行单元、用于执行网页的用户界面自动化测试；并运行所述注入单元注入的代码；

所述注入单元，用于所述执行单元在执行网页的用户界面自动化测试过程中，当页面渲染完成时，注入用于获取所述网页的性能数据的代码并运行；

所述获取单元，用于所述执行单元在运行注入的代码时，获取所述网页的性能数据；

所述输出单元，用于当所述获取单元获取到所述网页的性能数据时进行输出。

其中，