[发明专利]一种基于前端VUE框架的页面变更识别方法及装置

说明书

本发明涉及一种基于前端VUE框架的页面变更识别方法及其装置，该方法包括以下步骤：预先配置GIT代码仓库，所述GIT代码仓库内存储有对应于不同工程节点的VUE前端源码；读取迭代更新版本前端VUE代码，结合已读取的GIT代码仓库内存储的VUE前端源码，对前端VUE代码依次进行工程及业务场景判断、前端元素属性遍历映射扫描，得到扫描结果；对扫描结果生成基线，通过代码基线比对，得到差异结果；对差异结果进行格式化输出，输出相应变更影响数据信息给用户。与现有技术相比，本发明能够自动、精准识别前端代码的改动内容及关联影响。

技术领域

本发明涉及前端开发测试技术领域，尤其是涉及一种基于前端VUE框架的页面变更识别方法及装置。

背景技术

在审批业务场景中，随着软件技术演进升级，从单体架构到SOA架构再到微服务架构，目前，大多企业的系统改造升级均采用前后端分离的架构设计，其中前端技术以VUE最具代表性。由于审批业务的前端页面技术载体更新换代，基于前端的测试方法也需要进行方法、思路及技术的升级创新。

比如，在银行信用卡审批系统中，因其业务特性，往往涉及客户基本信息、账户信息、卡片信息、账单信息、客户评分卡信息、联名卡商户基本信息、征信信息等多纬度的审批业务全生命周期的数据加工、展示、查询、更新维护、真实性核验，监管数据上报及监管数据接收同步等，涉及上百个功能菜单、上千个字段联动展示。正常业务开展操作过程均需要系统对应页面功能支撑业务落地。由于VUE灵活快速变更，审批系统的前后端分离新架构页面功能的测试工作量及质量保障也将面临新的挑战。

现有审批系统的常规项目开发流程，大多是用户提交需求至瀑布或者敏捷开发团队，需求分析师进行需求澄清，编写需求规格说明书和交互图进行需求澄清和确认，研发团队再进行大小迭代，前后端开发及联调后，之后交付给测试岗进行系统测试，最终由业务验收通过后进行投产。一旦涉及多页面新交付、现有页面样式及渲染效果频繁变更或系统重构时，前端功能实现的有效性、正确性、一致性的高质量交付压力大，工作量大且交付质量无法有效度量，前端代码关联或公共改造无从得知。

综上可知，现有的WEB端测试方法主要通过短期增加人力，对系统页面的功能按钮、查询功能、页面交互、只读文本框、文本框输入框、页面显示条件等进行数据构造遍历覆盖。一方面，考虑UI自动化的实现成本高，自动化测试技术只侧重部分核心页面功能的前后端交互自动化回归。此外，在前序方法基础上，延长测试工期或建议用户体验类(非功能缺失或错误)问题上线后延期优化。这种验证以业务需求规格说明书和交互图为参考核心的方案，侧重于页面功能及业务逻辑的校验，相关劣势如下：

一、审批系统功能页面菜单查询条件近百个、字段展示、联动及校验组合近千个，页面、字段属性改动范围评估精准度、测试针对性缺失有效的方法指导；

二、无法应对系统重构要求下的组织过程资产沉淀；

三、现有行业相关技术主要侧重服务端java代码的改动影响识别，比如：jacoco开源框架，暂无针对前端改动范围进行精准测试识别的解决方案。

发明内容

本发明的目的就是为了克服上述现有技术存在的缺陷而提供一种基于前端VUE框架的页面变更识别方法及装置，能够自动、精准识别前端代码的改动内容及关联影响。

本发明的目的可以通过以下技术方案来实现：一种基于前端VUE框架的页面变更识别方法，包括以下步骤：

S1、预先配置GIT代码仓库，所述GIT代码仓库内存储有对应于不同工程节点的VUE前端源码；

S2、读取迭代更新版本前端VUE代码，结合GIT代码仓库内存储的VUE前端源码，对前端VUE代码依次进行工程及业务场景判断、前端元素属性遍历映射扫描，得到扫描结果；

S3、对扫描结果生成基线，通过代码基线比对，得到差异结果；