(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210283326.4 (22)申请日 2022.03.22 (71)申请人 平安普惠企业管理有限公司 地址 518000 广东省深圳市前海深港合作 区前湾一路1号A栋201室 （入驻深圳市 前海商务秘书 有限公司） (72)发明人 黄康　 (74)专利代理 机构 北京中强智尚知识产权代理 有限公司 1 1448 专利代理师 黄耀威 (51)Int.Cl. G06F 11/36(2006.01) G06F 9/445(2018.01) (54)发明名称 自动化测试工具及其实现方法、 装置、 终端 和存储介质 (57)摘要 本发明公开了一种自动化测试工具及其实 现方法、 装置、 终端和存储介质， 该方法包括： 检 查并安装前端react 框架hook组件自动化测试所 需要的文件； hook组件中有 N个hook文件； 根据每 一个hook文件， 生成一个自动化测试案例代码； 根据所有hook文件， 生成所有hook文件的自动化 测试案例代码； 确定每个测试案例的动态值； 将 所有测试案例关联的动态值， 进行页面可视化展 示。 该方案， 通过设置 前端react 框架hook组件自 动化测试工具， 在开发者在完成代码后， 使用该 工具， 可以生成hook组件的自动化测试代码， 可 以降低人工成本和维护成本 。 权利要求书2页 说明书19页 附图3页 CN 114610633 A 2022.06.10 CN 114610633 A 1.一种自动化测试工具的实现方法， 其特征在于， 所述自动化测试工具， 包括： 前端 react框架hook组件自动化测试工具； 所述前端react框架hook组件自动化测试工具的实现 方法， 包括： 检查并安装前端react框架hook组件自动化测试所需要的文件， 并在 执行前端react框 架hook组件自动化测试时执行前端react框架hook组件自动化测试代码的存放目录下的测 试文件； 所述前端react框架ho ok组件中， 具有N个ho ok文件， N为正整数； 根据前端react框架hook组件中每一个hook文件， 生成一个自动化测试案例代码； 根据 前端react框架ho ok组件中所有ho ok文件， 生成所有ho ok文件的自动化测试案例代码； 针对所述所有自动 化测试案例代码所对应的每个测试案例， 确定每个测试案例的动态 值； 将所有测试案例关联的动态值， 进行页面可视化展示； 所展示的可视化页面， 是能够对 所有hook文件的自动化测试案例代码中任一测试案例直接编辑 修改的页面。 2.根据权利要求1所述的自动化测试工具的实现方法， 其特征在于， 检查并安装前端 react框架hook组件自动化测试所需要的文件， 并在执行前端react框架hook组件自动化测 试时执行前端react框架ho ok组件自动化测试代码的存放目录下的测试文件， 包括： 检查并安装前端react框架ho ok组件自动化测试 所需要的依赖文件； 设置前端react框架hook组件自动化测试代码的存放目录， 以存放生成的前端react框 架hook组件自动化测试代码； 设置配置项， 以在执行前端react框架hook组件自动化测试时， 索引该配置项中前端 react框架ho ok组件自动化测试代码的存放目录下的测试文件， 并执 行该测试文件。 3.根据权利要求2所述的自动化测试工具的实现方法， 其特征在于， 根据前端react框 架hook组件中每一个ho ok文件， 生成一个自动化测试案例代码， 包括： 根据预先设置的配置项中配置的需要进行自动化测试的hook组件地址的数组， 遍历数 组中的每一个元素， 找到与数组中的每一个元素对应的每一个hook文件， 作为需要进行自 动化测试的每一个ho ok文件； 针对需要进行自动化测试的每一个hook文件， 执行生成自动化测试案例代码的操作， 生成需要 进行自动化测试的每一个ho ok文件的基础代码； 根据需要进行自动化测试的每一个hook文件的基础代码， 识别不同场景语法， 智能反 向推导期望结果， 并生成需要进行自动化测试的每一个hook文件的代码， 作为需要进行自 动化测试的每一个ho ok文件所对应的测试案例代码。 4.根据权利要求3所述的自动化测试工具的实现方法， 其特征在于， 所述针对需要进行 自动化测试的每一个hook文件， 执行生成自动化测试案例代码的操作， 生成需要进行自动 化测试的每一个ho ok文件的基础代码， 包括： 创建前端react框架hook组件自动化测试代码的存放目录， 在该存放目录所在文件夹 中， 生成与需要 进行自动化测试的每一个ho ok文件对应的空白文件； 通过第一设定语法， 将未经模拟的hook组件、 模拟hook组件渲染完成的方法 renderHook、 模拟触发hook组件对外暴露函数的act方法， 引入到需要进行自动化测试的每 一个hook文件中； 通过第二设定语法， 将即将生成的需要进行自动化测试的每一个hook文件所对应的测 试案例包裹 起来， 以得到需要 进行自动化测试的每一个ho ok文件的基础代码。权　利　要　求　书 1/2 页 2 CN 114610633 A 25.根据权利要求3所述的自动化测试工具的实现方法， 其特征在于， 所述根据需要进行 自动化测试的每一个hook文件的基础代码， 识别不同场景语法， 智能反向推导期 望结果， 并 生成需要进行自动化测试的每一个hook文件的代码， 作为需要进行自动化测试的每一个 hook文件所对应的测试案例代码， 包括： 针对未经模拟的hook组件， 在函数最后有通过return关键字对外输出的变量中， 通过 对变量进行typeof判断， 如果得出的结果是'function'， 则反向查找未经模拟的hook组件 的hook代码中， 关于所述函数的函数名的完整代码块在未经模拟的hook组件的hook代码的 代码块内对于所述变量的操作， 以反向推导出变量执 行的案例和结果； 若在未经模拟的hook组件内出现useEffect函数， 则确定未经模拟的hook组件的hook 文件内有依赖更新事件， 对hook组件内依赖更新事件进 行模拟， 得到自动化测试代码； 并在 所述自动化测试代码已被修改的情况下， 通过所述自动化测试代码 被修改后的依赖变量的 值， 来模拟触发更新事 件的执行。 6.根据权利要求1至5中任一项所述的自动化测试工具的实现方法， 其特征在于， 将所 有测试案例关联的动态值， 进行页面可视化展示， 包括： 当所有测试案例生成完成后， 将所有测试案例关联的动态值， 生成一个页面展示文件； 通过执行设定命令， 浏览器访问页面 地址， 打开该页面； 在页面上， 展示包含所有hook组件名称、 以及每一个组件的所有测试案例描述列表的 内容。 7.一种自动化测试工具的实现装置， 其特征在于， 所述自动化测试工具， 包括： 前端 react框架hook组件自动化测试工具； 所述前端react框架hook组件自动化测试工具的实现 装置， 包括： 设置单元， 被配置为检查并安装前端react框架hook组件自动化测试所需要的文件， 并 在执行前端react框架hook组件自动化测试时执行前端react框架hook组件自动化测试代 码的存放目录下的测试文件； 所述前端react框架hook组件中， 具有N个hook文件， N为正整 数； 生成单元， 被配置为根据前端react框架hook组件中每一个hook文件， 生成一个自动化 测试案例代码； 根据前端react框架hook组件中所有hook文件， 生成所有hook文件的自动化 测试案例代码； 展示单元， 被配置为针对所述所有自动化测试案例代码所对应的每个测试案例， 确定 每个测试案例的动态值； 将所有测试案例关联的动态值， 进 行页面可视化展示； 所展示的可 视化页面， 是能够 对所有hook文件的自动化测试案例代码中任一测试案例直接编辑修改的 页面。 8.一种终端， 其特 征在于， 包括： 如权利要求7 所述的自动化测试工具的实现装置 。 9.一种自动化测试工具， 其特征在于， 所述自动化测试工具， 是由如权利要求1至6 中任 一项所述的自动化测试工具的实现方法得到的。 10.一种存储介质， 其特征在于， 所述存储介质包括存储的程序， 其中， 在所述程序运行 时控制所述存储介质所在设备执行权利要求1至6中任一项所述的自动化测试工具 的实现 方法。权　利　要　求　书 2/2 页 3 CN 114610633 A 3