一种web网站测试回放的系统

技术领域

本发明涉及计算机与互联网领域，尤其涉及一种web网站测试回放的系统。

背景技术

在当前互联网时代，Web应用程序的测试已成为软件开发中不可或缺的一部分。越来越多的Web应用程序脱颖而出。但是，一个好的Web应用程序还需要结合各种测试手段来保证它的可靠性和稳定性。测试人员为了开发人员能够更容易复现缺陷的情形，往往采取截图或者录像的方式，占用存储较高并且很多信息开发人员看不到，比如调用接口的入参出参。

发明内容

为了解决以上技术问题，本发明提供了一种web网站测试回放的系统。通过本发明可以通过插件自动记录用户的行为及请求接口的信息，占用存储小且能查看到更到信息

本发明的技术方案是：

一种web网站测试回放的系统，

分为服务端及客户端；

服务端，新建项目、提交缺陷、查看缺陷；

客户端为浏览器插件，可以记录用户行为。

进一步的，

在新建一个项目后，可新建一个版本，新建版本时，需要填充版本信息，并上传前端代码，前端代码需加入代码，代码存在及插件开启时，可在前端页面看到悬浮录制按钮。

再进一步的，

在测试时，如果发现缺陷，提交一个缺陷，填写缺陷描述，生成缺陷id。

再进一步的，

缺陷id生成后回到测试页面，开始录制后，弹出对话框提示填写缺陷id，将生成的缺陷id填写并确定后，插件开始记录用户行为，记录系统信息及浏览器环境，记录发送接口的入参及返回结果，结束录制后插件将记录的信息发送至服务端存储。

再进一步的，

点击取消录制时可取消本次录制。

再进一步的，

可查看缺陷信息，包括缺陷描述、登录的账号信息，插件记录的系统信息及浏览器环境，还可以进行回放。

再进一步的，

回放时打开项目的前端页面，回放当时记录的操作，发送请求时，插件截取请求，并获取当时保存的信息生成mock数据，包括入参及返回结果；复现缺陷当时的情形。

本发明的基于Web的网站测试回放系统可以有效地提高Web应用程序的测试效率和质量，具有以下优点：

1.自动化程度高：客户端插件可自动记录用户在浏览器中的行为数据，无需测试人员手动编写脚本。

2.有效性高：服务器端根据行为数据模拟用户行为，确保测试过程的准确性和流畅度。

3.智能性强：插件可以智能地识别网站的不同组成部分，能够准确地捕捉用户行为信息。

4.操作简单：用户操作简单，无需学习复杂的操作技能。

5.跟视频录像或者拍照的方式相比，开发人员可以查看到更多信息并占用更少的存储。

附图说明

图1是本发明的新建项目流程示意图；

图2是本发明的测试流程示意图；

图3是本发明的缺陷信息查看流程示意图。

具体实施方式

为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例，基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本发明保护的范围。

本发明提供了一种基于Web的网站测试回放系统，该系统实现了记录用户使用浏览器访问网站的各种行为及调用接口信息，并将以上信息保存到服务器，用于模拟回放测试。比传统拍照录像等方式相比占用更少存储并能储存更多信息。

本系统分为服务端及客户端。服务端可以新建项目、提交缺陷、查看缺陷等。客户端为浏览器插件，可以记录用户行为等。

在新建一个项目后，可新建一个版本，新建版本时，需要填充版本信息，并上传前端代码，前端代码需加入特殊代码，特殊代码存在及插件开启时，可在前端页面看到悬浮按钮“开始录制”。

测试人员在测试时，如果发现缺陷，可以提交一个缺陷，填写缺陷描述，生成缺陷id。缺陷id生成后可以回到测试页面，点击开始录制后，弹出对话框提示填写缺陷id，将生成的缺陷id填写进去之后点击确定之后，插件开始记录用户行为，记录系统信息及浏览器环境，记录发送接口的入参及返回结果，点击结束录制后插件将记录的信息发送至服务端存储。点击取消录制时可取消本次录制。

开发人员可以查看缺陷信息，如测试人员填写的缺陷描述、登录的账号信息，插件记录的系统信息及浏览器环境，还可以点击回放。点击回放时打开项目的前端页面，回放当时记录的操作，发送请求时，插件会截取请求，并获取当时保存的信息生成mock数据，包括入参及返回结果。复现缺陷当时的情形。

以上所述仅为本发明的较佳实施例，仅用于说明本发明的技术方案，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所做的任何修改、等同替换、改进等，均包含在本发明的保护范围内。