CN116991735A - 前端组件变更的测试系统、方法、装置、设备及存储介质 - Google Patents
前端组件变更的测试系统、方法、装置、设备及存储介质 Download PDFInfo
- Publication number
- CN116991735A CN116991735A CN202311003644.1A CN202311003644A CN116991735A CN 116991735 A CN116991735 A CN 116991735A CN 202311003644 A CN202311003644 A CN 202311003644A CN 116991735 A CN116991735 A CN 116991735A
- Authority
- CN
- China
- Prior art keywords
- component
- mapping table
- module
- page
- testing
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000012360 testing method Methods 0.000 title claims abstract description 87
- 238000000034 method Methods 0.000 title claims abstract description 28
- 238000013507 mapping Methods 0.000 claims abstract description 150
- 238000004458 analytical method Methods 0.000 claims abstract description 32
- 230000010354 integration Effects 0.000 claims abstract description 32
- 238000012986 modification Methods 0.000 claims description 22
- 230000004048 modification Effects 0.000 claims description 20
- 238000004590 computer program Methods 0.000 claims description 15
- 238000001514 detection method Methods 0.000 claims description 6
- 238000010998 test method Methods 0.000 claims description 6
- 238000004891 communication Methods 0.000 abstract description 12
- 238000010586 diagram Methods 0.000 description 8
- 238000011161 development Methods 0.000 description 4
- 230000006870 function Effects 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 2
- 238000012545 processing Methods 0.000 description 2
- 230000002159 abnormal effect Effects 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000012812 general test Methods 0.000 description 1
- 238000012423 maintenance Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F11/00—Error detection; Error correction; Monitoring
- G06F11/36—Preventing errors by testing or debugging software
- G06F11/3668—Software testing
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
- G06F40/177—Editing, e.g. inserting or deleting of tables; using ruled lines
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Quality & Reliability (AREA)
- Computer Hardware Design (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Debugging And Monitoring (AREA)
Abstract
本申请涉及互联网技术领域，公开了一种前端组件变更的测试系统、方法、装置、设备及存储介质，所述系统包括组件解析模块、信息整合模块和表格生成模块；所述组件解析模块用于解析目标组件目录，生成父组件与子组件之间的关系映射表；所述信息整合模块用于根据所述关系映射表整合引用组件的页面信息；所述表格生成模块用于根据所述页面信息生成表格以供用户查验。通过上述系统，本申请通过组件解析模块将目标组件目录解析生成关系映射表后，由信息整合模块根据关系映射表进行整合生成页面信息，最终由表格生成模块根据页面信息生成表格以供用户查验，提高了测试过程中的沟通效率。
Description
技术领域
本申请涉及互联网技术领域，尤其涉及一种前端组件变更的测试系统、方法、装置、设备及存储介质。
背景技术
随着互联网领域的发展，前端技术越来越流行，且实现功能越来约复杂。在前端开发中，为了减少开发、维护等成本，多使用组件化的开发方式，将使用两次及以上的功能性内容单独存入一个文件，作为组件使用。由于项目越来越大，组件被引用次数也在疯狂增长，当组件UI变更、或者增加新功能、或者业务逻辑改变时，对引用该组件的页面也会相应的造成一定的影响，比如代码结构变化导致的页面展示混乱、或者JavaScript逻辑的变化导致某功能无法正常使用等。在一般的测试流程中，组件变更后，测试人员会对引入该组件的页面进行测试，保证程序或系统的正常使用。在传统的流程中，组件负责人员，在进行组件变更前，会创建一个空的Excel表格并向全体开发人员发个通知，要求各功能模块的负责人自行录入引入该组件的页面，变更后通知模块负责人验证组件的UI及功能逻辑是否正常，最后再转给测试人员进行测试，其过程不仅耗时耗力，也容易有遗漏页面，造成系统缺陷，影响产品质量。因此，如何提高测试过程中的沟通效率成为亟待解决的技术问题。
发明内容
本申请提供了一种前端组件变更的测试系统、方法、装置、设备及存储介质，以提高测试过程中的沟通效率。
第一方面，本申请提供了一种前端组件变更的测试系统，所述前端组件变更的测试系统包括组件解析模块、信息整合模块和表格生成模块；
所述组件解析模块用于解析目标组件目录，生成父组件与子组件之间的关系映射表；
所述信息整合模块用于根据所述关系映射表整合引用组件的页面信息；
所述表格生成模块用于根据所述页面信息生成表格以供用户查验。
第二方面，本申请提供了一种前端组件变更的测试方法，所述前端组件变更的测试方法包括：
所述组件解析模块解析目标组件目录，生成父组件与子组件的关系映射表；
基于预设配置文件与所述关系映射表，所述信息整合模块整合出引用组件的页面信息；
所述表格生成模块根据所述页面信息，生成表格以供用户查验。
进一步地，关系映射表包括第一映射表、第二映射表和第三映射表，所述组件解析模块解析目标组件目录，生成父组件与子组件的关系映射表，包括：
所述组件解析模块解析所述目标组件目录，生成所述父组件相对于所述子组件的所述第一映射表；
所述组件解析模块将所述第一映射表转换为所述子组件相对于所述父组件的所述第二映射表；
所述组件解析模块根据所述目标组件目录对应的目标组件路径与所述第二映射表，生成所述第三映射表。
进一步地，组件解析模块解析目标组件目录，生成父组件与子组件的关系映射表之前，包括：
所述组件解析模块获取所述目标组件路径并生成检测指令。
进一步地，关系映射表还包括第四映射表、第五映射表和第六映射表，所述基于预设配置文件与所述关系映射表，所述信息整合模块整合出引用组件的页面信息，包括：
基于所述预设配置文件与所述第三映射表，生成访问信息，并根据所述访问信息生成所述第四映射表；
在组件变更的情况下，对变更后的所述组件进行检测，生成所述第五映射表；
基于所述第四映射表和所述第五映射表，生成所述第六映射表。
进一步地，第六映射表包括页面文件地址、页面访问地址、页面菜单名、页面调用组件次数。
进一步地，表格包括组件地址、组件链接、组件名称、组件调用次数、组件变更前截图和组件变更后截图。
第三方面，本申请还提供了一种前端组件变更的测试装置，所述前端组件变更的测试装置包括：
关系映射表生成模块，用于所述组件解析模块用于解析目标组件目录，生成父组件与子组件之间的关系映射表；
页面信息整合模块，用于基于预设配置文件与所述关系映射表，所述信息整合模块整合出引用组件的页面信息；
表格生成模块，用于所述表格生成模块根据所述页面信息，生成表格以供用户查验。
第四方面，本申请还提供了一种计算机设备，所述计算机设备包括存储器和处理器；所述存储器用于存储计算机程序；所述处理器，用于执行所述计算机程序并在执行所述计算机程序时实现如上述的前端组件变更的测试方法。
第五方面，本申请还提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时使所述处理器实现如上述的前端组件变更的测试方法。
本申请公开了一种前端组件变更的测试系统、方法、装置、设备及存储介质，所述系统包括组件解析模块、信息整合模块和表格生成模块；所述组件解析模块用于解析目标组件目录，生成父组件与子组件之间的关系映射表；所述信息整合模块用于根据所述关系映射表整合引用组件的页面信息；所述表格生成模块用于根据所述页面信息生成表格以供用户查验。通过上述系统，本申请通过组件解析模块将目标组件目录解析生成关系映射表后，由信息整合模块根据关系映射表进行整合生成页面信息，最终由表格生成模块根据页面信息生成表格以供用户查验，提高了测试过程中的沟通效率。
附图说明
为了更清楚地说明本申请实施例技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1是本申请的实施例提供的一种前端组件变更的测试系统的模块示意图；
图2是本申请的第一实施例提供的一种前端组件变更的测试方法的示意流程图；
图3是本申请的第二实施例提供的一种前端组件变更的测试方法的示意流程图；
图4是本申请的第三实施例提供的一种前端组件变更的测试方法的示意流程图；
图5为本申请的实施例提供的一种前端组件变更的测试装置的示意性框图；
图6为本申请的实施例提供的一种计算机设备的结构示意性框图。
具体实施方式
下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
附图中所示的流程图仅是示例说明，不是必须包括所有的内容和操作/步骤，也不是必须按所描述的顺序执行。例如，有的操作/步骤还可以分解、组合或部分合并，因此实际执行的顺序有可能根据实际情况改变。
应当理解，在此本申请说明书中所使用的术语仅仅是出于描述特定实施例的目的而并不意在限制本申请。如在本申请说明书和所附权利要求书中所使用的那样，除非上下文清楚地指明其它情况，否则单数形式的“一”、“一个”及“该”意在包括复数形式。
还应当理解，在本申请说明书和所附权利要求书中使用的术语“和/ 或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合，并且包括这些组合。
本申请的实施例提供了一种前端组件变更的测试系统、方法、装置、设备及存储介质。其中，该前端组件变更的测试方法可以应用于前端组件变更的测试系统中，通过组件解析模块将目标组件目录解析生成关系映射表后，由信息整合模块根据关系映射表进行整合生成页面信息，最终由表格生成模块根据页面信息生成表格以供用户查验，提高了测试过程中的沟通效率。其中，前端组件变更的测试系统可以为独立的服务器，也可以为服务器集群。
下面结合附图，对本申请的一些实施方式作详细说明。在不冲突的情况下，下述的实施例及实施例中的特征可以相互组合。
请参阅图1，图1是本申请的实施例提供的一种前端组件变更的测试系统的模块示意图。前端组件变更的测试系统用于通过组件解析模块将目标组件目录解析生成关系映射表后，由信息整合模块根据关系映射表进行整合生成页面信息，最终由表格生成模块根据页面信息生成表格以供用户查验，提高了测试过程中的沟通效率。
如图1所示，前端组件变更的测试系统包括组件解析模块、信息整合模块和表格生成模块；
所述组件解析模块用于解析目标组件目录，生成父组件与子组件之间的关系映射表；
所述信息整合模块用于根据所述关系映射表整合引用组件的页面信息；
所述表格生成模块用于根据所述页面信息生成表格以供用户查验。
具体地，文件解析模块：解析项目的文件结构，生成父子文件（又称“父子组件”）的映射关系表，其中包含该子组件被父组件使用的次数；
文件信息整合模块：根据父子组件映射表以及项目中路由表，整合出引用组件的各页面信息，包括：页面文件路径、页面截图、页面访问路径、页面菜单名称、使用组件次数；
Excel生成模块：根据文件信息整合模块，生成Excel表格，帮助开发人员及测试人员确认测试范围。
本实施例公开了一种前端组件变更的测试系统、方法、装置、设备及存储介质，所述系统包括组件解析模块、信息整合模块和表格生成模块；所述组件解析模块用于解析目标组件目录，生成父组件与子组件之间的关系映射表；所述信息整合模块用于根据所述关系映射表整合引用组件的页面信息；所述表格生成模块用于根据所述页面信息生成表格以供用户查验。通过上述系统，本申请通过组件解析模块将目标组件目录解析生成关系映射表后，由信息整合模块根据关系映射表进行整合生成页面信息，最终由表格生成模块根据页面信息生成表格以供用户查验，提高了测试过程中的沟通效率。
请参阅图2，图2是本申请的第一实施例提供的一种前端组件变更的测试方法的示意流程图。该前端组件变更的测试方法可应用于前端组件变更的测试系统中，用于通过组件解析模块将目标组件目录解析生成关系映射表后，由信息整合模块根据关系映射表进行整合生成页面信息，最终由表格生成模块根据页面信息生成表格以供用户查验，提高了测试过程中的沟通效率。
如图2所示，该前端组件变更的测试方法具体包括步骤S10至步骤S30。
步骤S10、所述组件解析模块解析目标组件目录，生成父组件与子组件的关系映射表；
步骤S20、基于预设配置文件与所述关系映射表，所述信息整合模块整合出引用组件的页面信息；
步骤S30、所述表格生成模块根据所述页面信息，生成表格以供用户查验。
本实施例公开了一种前端组件变更的测试系统、方法、装置、设备及存储介质，所述方法包括所述组件解析模块解析目标组件目录，生成父组件与子组件的关系映射表；基于预设配置文件与所述关系映射表，所述信息整合模块整合出引用组件的页面信息；所述表格生成模块根据所述页面信息，生成表格以供用户查验。通过上述系统，本申请通过组件解析模块将目标组件目录解析生成关系映射表后，由信息整合模块根据关系映射表进行整合生成页面信息，最终由表格生成模块根据页面信息生成表格以供用户查验，提高了测试过程中的沟通效率。
请参阅图3，图3是本申请的第二实施例提供的一种前端组件变更的测试方法的示意流程图。该前端组件变更的测试方法可应用于前端组件变更的测试系统中，用于通过组件解析模块将目标组件目录解析生成关系映射表后，由信息整合模块根据关系映射表进行整合生成页面信息，最终由表格生成模块根据页面信息生成表格以供用户查验，提高了测试过程中的沟通效率。
基于图2所示实施例，本实施例如图3所示，步骤S10包括步骤S101至步骤S103。
步骤S101、所述组件解析模块解析所述目标组件目录，生成所述父组件相对于所述子组件的所述第一映射表；
具体地，解析项目中文件目录，生成父子关系第一映射表，得到每个文件引用了哪些子文件，并调用子组件多少次。
第一映射表的结构及内容如下（示例中只列出了两级，实际情况下有多级。filePath 表示组件的文件地址，usageCounter 表示当前组件在父组件中使用的次数，childrens 表示当前组件下引用了哪些子组件）：
[{
"filePath": "page1-文件地址",
"usageCounter": 1,
"childrens": [{
"filePath": "一级组件1-文件地址",
"usageCounter": 1,
"childrens": [{
"filePath": "二级组件1-文件地址",
"usageCounter": 1
}, {
"filePath": "二级组件2-文件地址",
"usageCounter": 1
}]
}, {
"filePath": "一级组件2-文件地址",
"usageCounter": 1,
"childrens": [{
"filePath": "二级组件3-文件地址",
"usageCounter": 1
}, {
"filePath": "二级组件4-文件地址",
"usageCounter": 2
}]
}]
}, {
"filePath": "page2-文件地址",
"usageCounter": 1,
"childrens": [{
"filePath": "一级组件1-文件地址",
"usageCounter": 1,
"childrens": [{
"filePath": "二级组件1-文件地址",
"usageCounter": 1
}, {
"filePath": "二级组件2-文件地址",
"usageCounter": 1
}]
}]
}]
步骤S102、所述组件解析模块将所述第一映射表转换为所述子组件相对于所述父组件的所述第二映射表；
具体地，第一映射表的内容，转换得到子到父的第二映射表，即子组件的及其对应的父组件列表，第二映射表只有一级，第二映射表的内容及结构如下（其中parentFile表示当前组件的父组件文件路径，usageCounter 表示当前组件被父组件调用的次数）：
{
"一级组件1-文件地址": [{
"usageCounter": 1,
"parentFile": "page1-文件地址"
}, {
"usageCounter": 1,
"parentFile": "page2-文件地址"
}],
"二级组件1-文件地址": [{
"usageCounter": 1,
"parentFile": "一级组件1-文件地址"
}],
"二级组件2-文件地址": [{
"usageCounter": 1,
"parentFile": "一级组件1-文件地址"
}],
"一级组件2-文件地址": [{
"usageCounter": 1,
"parentFile": "page1-文件地址"
}],
"二级组件3-文件地址": [{
"usageCounter": 1,
"parentFile": "一级组件2-文件地址"
}],
"二级组件4-文件地址": [{
"usageCounter": 2,
"parentFile": "一级组件2-文件地址"
}]
}
步骤S103、所述组件解析模块根据所述目标组件目录对应的目标组件路径与所述第二映射表，生成所述第三映射表。
具体地，第二映射表的内容，以及S1中输入的目标组件的文件地址，递归获取引用目标组件的页面（此页面表示前端系统的访问）有哪些，以及在这些页面下组件的使用次数，保存到第三映射表。第三映射表内容及结构如下：
[{
"filePath": "page1-文件地址",
"usageCounter": 1
}, {
"filePath": "page2-文件地址",
"usageCounter": 1
}]
基于图2所示实施例，本实施例中，组件解析模块解析目标组件目录，生成父组件与子组件的关系映射表之前，包括：
所述组件解析模块获取所述目标组件路径并生成检测指令。
具体地，在组件修改前，输入“组件文件路径”，执行检测命令。
请参阅图4，图4是本申请的第三实施例提供的一种前端组件变更的测试方法的示意流程图。该前端组件变更的测试方法可应用于前端组件变更的测试系统中，用于通过组件解析模块将目标组件目录解析生成关系映射表后，由信息整合模块根据关系映射表进行整合生成页面信息，最终由表格生成模块根据页面信息生成表格以供用户查验，提高了测试过程中的沟通效率。
基于图2所示实施例，本实施例如图4所示，步骤S20包括步骤S201至步骤S203。
步骤S201、基于所述预设配置文件与所述第三映射表，生成访问信息，并根据所述访问信息生成所述第四映射表；
具体地，第三映射表，以及项目中的路由配置表，得到页面的信息，并对页面进行截图，截图暂存到本地，将截图文件地址与页面信息保存到第四映射表，暂存到本地，文件格式为json。第四映射表结构及内容如下（其中filePath 表示页面的文件地址，screenshot-before 组件修改前页面截图，pageUrl 页面的浏览器访问地址，title 页面名称或者对应的菜单名称，usageCounter 页面使用组件的次数）：
[{
"filePath": "page1-文件地址",
"screenshot-before": "./screenshot/before/page1-Url.png",
"pageUrl": "page1-Url",
"title": "page1的菜单或者页面名称",
"usageCounter": 1
},{
"filePath": "page2-文件地址",
"screenshot-before": "./screenshot/before/page2-Url.png",
"pageUrl": "page2-Url",
"title": "page2的菜单或者页面名称",
"usageCounter": 1
}]
路由配置结构及内容如下：
[{
"path": "page1-Url",
"name": "page1的菜单或者页面名称",
"component": "page1-文件地址"
}, {
"path": "page2-Url",
"name": "page2的菜单或者页面名称",
"component": "page2-文件地址"
}]
步骤S202、在组件变更的情况下，对变更后的所述组件进行检测，生成所述第五映射表；
具体地，组件变更后，继续执行检测指令，得到第五映射表（其中filePath 表示页面的文件地址，screenshot-after组件修改后页面截图，pageUrl 页面的浏览器访问地址，title 页面名称或者对应的菜单名称，usageCounter 页面使用组件的次数）。
[{
"filePath": "page1-文件地址",
"screenshot-after": "./screenshot/after/page1-Url.png",
"pageUrl": "page1-Url",
"title": "page1的菜单或者页面名称",
"usageCounter": 1
},{
"filePath": "page2-文件地址",
"screenshot-after": "./screenshot/after/page2-Url.png",
"pageUrl": "page2-Url",
"title": "page2的菜单或者页面名称",
"usageCounter": 1
}]
步骤S203、基于所述第四映射表和所述第五映射表，生成所述第六映射表。
具体地，整合第四映射表第五映射表，得到第六映射表。第六映射表内容及结构如下（其中filePath 表示页面的文件地址，screenshot-before组件修改前页面截图，screenshot-after组件修改后页面截图，pageUrl 页面的浏览器访问地址，title 页面名称或者对应的菜单名称，usageCounter 页面使用组件的次数）：
[{
"filePath": "page1-文件地址",
"screenshot-before": "./screenshot/before/page2-Url.png",
"screenshot-after": "./screenshot/after/page1-Url.png",
"pageUrl": "page1-Url",
"title": "page1的菜单或者页面名称",
"usageCounter": 1
},{
"filePath": "page2-文件地址",
"screenshot-before": "./screenshot/before/page2-Url.png",
"screenshot-after": "./screenshot/after/page2-Url.png",
"pageUrl": "page2-Url",
"title": "page2的菜单或者页面名称",
"usageCounter": 1
}]
基于图4所示实施例，本实施例中，第六映射表包括页面文件地址、页面访问地址、页面菜单名、页面调用组件次数。
基于上述全部实施例，本实施例中，表格包括组件地址、组件链接、组件名称、组件调用次数、组件变更前截图和组件变更后截图。
请参阅图5，图5是本申请的实施例提供一种前端组件变更的测试装置的示意性框图，该前端组件变更的测试装置用于执行前述的前端组件变更的测试方法。其中，该前端组件变更的测试装置可以配置于服务器。
如图5所示，该前端组件变更的测试装置400，包括：
关系映射表生成模块410，用于所述组件解析模块用于解析目标组件目录，生成父组件与子组件之间的关系映射表；
页面信息整合模块420，用于基于预设配置文件与所述关系映射表，所述信息整合模块整合出引用组件的页面信息；
表格生成模块430，用于所述表格生成模块根据所述页面信息，生成表格以供用户查验。
需要说明的是，所属领域的技术人员可以清楚地了解到，为了描述的方便和简洁，上述描述的装置和各模块的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
上述的装置可以实现为一种计算机程序的形式，该计算机程序可以在如图6所示的计算机设备上运行。
请参阅图6，图6是本申请的实施例提供的一种计算机设备的结构示意性框图。该计算机设备可以是服务器。
参阅图6，该计算机设备包括通过系统总线连接的处理器、存储器和网络接口，其中，存储器可以包括非易失性存储介质和内存储器。
非易失性存储介质可存储操作系统和计算机程序。该计算机程序包括程序指令，该程序指令被执行时，可使得处理器执行任意一种前端组件变更的测试方法。
处理器用于提供计算和控制能力，支撑整个计算机设备的运行。
内存储器为非易失性存储介质中的计算机程序的运行提供环境，该计算机程序被处理器执行时，可使得处理器执行任意一种前端组件变更的测试方法。
该网络接口用于进行网络通信，如发送分配的任务等。本领域技术人员可以理解，图6中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。
应当理解的是，处理器可以是中央处理单元 (Central Processing Unit，CPU)，该处理器还可以是其他通用处理器、数字信号处理器 (Digital Signal Processor，DSP)、专用集成电路 (Application Specific Integrated Circuit，ASIC)、现场可编程门阵列(Field-Programmable Gate Array，FPGA) 或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。其中，通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
其中，在一个实施例中，所述处理器用于运行存储在存储器中的计算机程序，以实现如下步骤：
所述组件解析模块解析目标组件目录，生成父组件与子组件的关系映射表；
基于预设配置文件与所述关系映射表，所述信息整合模块整合出引用组件的页面信息；
所述表格生成模块根据所述页面信息，生成表格以供用户查验。
在一个实施例中，关系映射表包括第一映射表、第二映射表和第三映射表，所述组件解析模块解析目标组件目录，生成父组件与子组件的关系映射表，用于实现：
所述组件解析模块解析所述目标组件目录，生成所述父组件相对于所述子组件的所述第一映射表；
所述组件解析模块将所述第一映射表转换为所述子组件相对于所述父组件的所述第二映射表；
所述组件解析模块根据所述目标组件目录对应的目标组件路径与所述第二映射表，生成所述第三映射表。
在一个实施例中，组件解析模块解析目标组件目录，生成父组件与子组件的关系映射表之前，用于实现：
所述组件解析模块获取所述目标组件路径并生成检测指令。
在一个实施例中，关系映射表还包括第四映射表、第五映射表和第六映射表，所述基于预设配置文件与所述关系映射表，所述信息整合模块整合出引用组件的页面信息，用于实现：
基于所述预设配置文件与所述第三映射表，生成访问信息，并根据所述访问信息生成所述第四映射表；
在组件变更的情况下，对变更后的所述组件进行检测，生成所述第五映射表；
基于所述第四映射表和所述第五映射表，生成所述第六映射表。
本申请的实施例中还提供一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序中包括程序指令，所述处理器执行所述程序指令，实现本申请实施例提供的任一项前端组件变更的测试方法。
其中，所述计算机可读存储介质可以是前述实施例所述的计算机设备的内部存储单元，例如所述计算机设备的硬盘或内存。所述计算机可读存储介质也可以是所述计算机设备的外部存储设备，例如所述计算机设备上配备的插接式硬盘，智能存储卡(SmartMedia Card，SMC)，安全数字(SecureDigital，SD)卡，闪存卡(Flash Card)等。
以上所述，仅为本申请的具体实施方式，但本申请的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本申请揭露的技术范围内，可轻易想到各种等效的修改或替换，这些修改或替换都应涵盖在本申请的保护范围之内。因此，本申请的保护范围应以权利要求的保护范围为准。
Claims (10)
1.一种前端组件变更的测试系统，其特征在于，所述前端组件变更的测试系统包括组件解析模块、信息整合模块和表格生成模块；
所述组件解析模块用于解析目标组件目录，生成父组件与子组件之间的关系映射表；
所述信息整合模块用于根据所述关系映射表整合引用组件的页面信息；
所述表格生成模块用于根据所述页面信息生成表格以供用户查验。
2.一种前端组件变更的测试方法，其特征在于，所述前端组件变更的测试方法应用于前端组件变更的测试系统，所述前端组件变更的测试系统包括组件解析模块、信息整合模块和表格生成模块，所述前端组件变更的测试方法包括：
所述组件解析模块解析目标组件目录，生成父组件与子组件的关系映射表；
基于预设配置文件与所述关系映射表，所述信息整合模块整合出引用组件的页面信息；
所述表格生成模块根据所述页面信息，生成表格以供用户查验。
3.根据权利要求2所述的前端组件变更的测试方法，其特征在于，所述关系映射表包括第一映射表、第二映射表和第三映射表，所述组件解析模块解析目标组件目录，生成父组件与子组件的关系映射表，包括：
所述组件解析模块解析所述目标组件目录，生成所述父组件相对于所述子组件的所述第一映射表；
所述组件解析模块将所述第一映射表转换为所述子组件相对于所述父组件的所述第二映射表；
所述组件解析模块根据所述目标组件目录对应的目标组件路径与所述第二映射表，生成所述第三映射表。
4.根据权利要求3所述的前端组件变更的测试方法，其特征在于，所述组件解析模块解析目标组件目录，生成父组件与子组件的关系映射表之前，包括：
所述组件解析模块获取所述目标组件路径并生成检测指令。
5.根据权利要求3所述的前端组件变更的测试方法，其特征在于，所述关系映射表还包括第四映射表、第五映射表和第六映射表，所述基于预设配置文件与所述关系映射表，所述信息整合模块整合出引用组件的页面信息，包括：
基于所述预设配置文件与所述第三映射表，生成访问信息，并根据所述访问信息生成所述第四映射表；
在组件变更的情况下，对变更后的所述组件进行检测，生成所述第五映射表；
基于所述第四映射表和所述第五映射表，生成所述第六映射表。
6.根据权利要求5所述的前端组件变更的测试方法，其特征在于，所述第六映射表包括页面文件地址、页面访问地址、页面菜单名、页面调用组件次数。
7.根据权利要求2至6任一项所述的前端组件变更的测试方法，其特征在于，所述表格包括组件地址、组件链接、组件名称、组件调用次数、组件变更前截图和组件变更后截图。
8.一种前端组件变更的测试装置，其特征在于，所述前端组件变更的测试装置包括：
关系映射表生成模块，用于所述组件解析模块用于解析目标组件目录，生成父组件与子组件之间的关系映射表；
页面信息整合模块，用于基于预设配置文件与所述关系映射表，所述信息整合模块整合出引用组件的页面信息；
表格生成模块，用于所述表格生成模块根据所述页面信息，生成表格以供用户查验。
9.一种计算机设备，其特征在于，所述计算机设备包括存储器和处理器；
所述存储器用于存储计算机程序；
所述处理器，用于执行所述计算机程序并在执行所述计算机程序时实现如权利要求2至7中任一项所述的前端组件变更的测试方法。
10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时使所述处理器实现如权利要求2至7中任一项所述的前端组件变更的测试方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311003644.1A CN116991735A (zh) | 2023-08-10 | 2023-08-10 | 前端组件变更的测试系统、方法、装置、设备及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311003644.1A CN116991735A (zh) | 2023-08-10 | 2023-08-10 | 前端组件变更的测试系统、方法、装置、设备及存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN116991735A true CN116991735A (zh) | 2023-11-03 |
Family
ID=88531890
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202311003644.1A Pending CN116991735A (zh) | 2023-08-10 | 2023-08-10 | 前端组件变更的测试系统、方法、装置、设备及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN116991735A (zh) |
-
2023
- 2023-08-10 CN CN202311003644.1A patent/CN116991735A/zh active Pending
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11675575B2 (en) | Checking source code validity at time of code update | |
| CN110955409B (zh) | 在云平台上创建资源的方法和装置 | |
| CN111026634A (zh) | 一种接口自动化测试系统、方法、装置及存储介质 | |
| CN111597110B (zh) | 页面测试方法、装置、电子设备及存储介质 | |
| CN113032244A (zh) | 接口测试方法、装置、计算机系统和计算机可读存储介质 | |
| CN115454869A (zh) | 界面自动化测试方法、装置、设备及存储介质 | |
| CN113760729A (zh) | 一种代码检测方法和装置 | |
| CN117112060A (zh) | 组件库构建方法、装置、电子设备及存储介质 | |
| CN109284222B (zh) | 软件单元、数据处理系统中的项目测试方法、装置及设备 | |
| CN115599359A (zh) | 一种代码生成方法、装置、设备及介质 | |
| CN113535587B (zh) | 目标应用检测方法、装置及计算机设备 | |
| CN111240987B (zh) | 移植程序检测方法、装置、电子设备及计算机可读存储介质 | |
| CN112988578A (zh) | 一种自动化测试方法和装置 | |
| CN116991735A (zh) | 前端组件变更的测试系统、方法、装置、设备及存储介质 | |
| CN113778451B (zh) | 文件加载方法、装置、计算机系统和计算机可读存储介质 | |
| CN111949510B (zh) | 测试处理方法、装置、电子设备及可读存储介质 | |
| CN112068814A (zh) | 可执行文件的生成方法、装置、系统及介质 | |
| US11960560B1 (en) | Methods for analyzing recurring accessibility issues with dynamic web site behavior and devices thereof | |
| CN112162776B (zh) | 依赖关系获取方法及装置 | |
| CN115314413B (zh) | 一种can信号测试方法及装置 | |
| CN114564413B (zh) | 一种同步设备测试方法及装置 | |
| CN116643791A (zh) | 一种冗余数据清理方法、装置、电子设备及存储介质 | |
| CN112860543A (zh) | 检测页面运行的方法和电子设备 | |
| CN114385159A (zh) | 文件处理方法、装置、电子设备及计算机可读存储介质 | |
| CN117493198A (zh) | 一种自动编写测试用例的方法、装置及介质 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |