一种前端技术组件测试方法及装置制造方法及图纸

本发明专利技术提供了一种前端技术组件测试方法及装置，方法包括：根据获取的技术组件代码进行DEMO页模拟；对模拟出的DEMO页按照预先设定的数据校验规则进行测试；完成数据校验规则测试后对DEMO页进行UI测试。本申请分为前端技术组件生成测试模块、规则校验模块、UI校验、平台部署、兼容性测试模块，通过上述模块可实现前端技术组件DEMO端到真机端的端到端测试。端技术组件DEMO端到真机端的端到端测试。端技术组件DEMO端到真机端的端到端测试。

【技术实现步骤摘要】
一种前端技术组件测试方法及装置


[0001]本申请属于前端测试
，具体地讲，涉及一种前端技术组件测试方法及装置。

技术介绍

[0002]目前前端技术组件测试必须具备明确的业务使用场景，在不同的业务使用场景下进行不同的测试。然而有些情况下没有规定相关业务使用场景，由于没有明确的业务使用场景，因此无法使用传统测试中端到端的概念进行测试。因此，需要一种方法来实现前端技术组件DEMO端到真机端的端到端测试。

技术实现思路

[0003]本申请提供了一种前端技术组件测试方法及装置，以至少解决当前前端技术组件测试必须具备明确的业务使用场景，当没有明确的业务使用场景时无法使用传统测试中端到端的概念进行测试。
[0004]根据本申请的第一个方面，提供了一种前端技术组件测试方法，包括：
[0005]根据获取的技术组件代码进行DEMO页模拟；
[0006]对模拟出的DEMO页按照预先设定的数据校验规则进行测试；
[0007]完成数据校验规则测试后对DEMO页进行UI测试。
[0008]在一实施例中，前端技术组件测试方法还包括：
[0009]在完成UI测试之后，根据UI测试结果确定是否将代码自动化部署到预先配置的自动化测试平台。
[0010]在一实施例中，前端技术组件测试方法还包括：
[0011]对自动化测试平台进行兼容性测试并生成测试报告。
[0012]在一实施例中，根据获取的技术组件代码进行DEMO页模拟，包括：
[0013]根据技术组件代码模拟出DEMO页效果，并将DEMO页与技术组件代码关联。
[0014]在一实施例中，根据UI测试结果确定是否将代码自动化部署到预先配置的自动化测试平台，包括：
[0015]从UI测试结果中筛选测试通过的代码；
[0016]将测试通过的代码部署到自动化测试平台。
[0017]根据本申请的另一个方面，还提供了一种前端技术组件测试装置，包括：
[0018]模拟单元，用于根据获取的技术组件代码进行DEMO页模拟；
[0019]校验规则测试单元，用于对模拟出的DEMO页按照预先设定的数据校验规则进行测试；
[0020]UI测试单元，用于完成数据校验规则测试后对DEMO页进行UI测试。
[0021]在一实施例中，前端技术组件测试装置还包括：
[0022]部署模块，用于在完成UI测试之后，根据UI测试结果确定是否将代码自动化部署
到预先配置的自动化测试平台。
[0023]在一实施例中，前端技术组件测试装置还包括：
[0024]兼容性测试模块，用于对自动化测试平台进行兼容性测试并生成测试报告。
[0025]在一实施例中，前端技术组件测试装置模拟单元包括：
[0026]模拟关联模块，用于根据技术组件代码模拟出DEMO页效果，并将DEMO页与技术组件代码关联。
[0027]在一实施例中，部署模块包括：
[0028]筛选模块，用于从UI测试结果中筛选测试通过的代码；
[0029]自动化部署模块，用于将测试通过的代码部署到自动化测试平台。
附图说明
[0030]为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0031]图1为本申请提供的一种前端技术组件测试方法流程图。
[0032]图2为本申请实施例中根据UI测试结果确定是否将代码自动化部署到预先配置的自动化测试平台。
[0033]图3为本申请提供的一种前端技术组件测试装置结构框图。
[0034]图4为本申请实施例中部署模块的结构框图。
[0035]图5为本申请实施例中一种电子设备的具体实施方式。
具体实施方式
[0036]下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。
[0037]目前前端技术组件测试必须具备明确的业务使用场景，在不同的业务使用场景下进行不同的测试。然而有些情况下没有规定相关业务使用场景，由于没有明确的业务使用场景，因此无法使用传统测试中端到端的概念进行测试。因此，需要一种方法来实现前端技术组件DEMO端到真机端的端到端测试。
[0038]为了解决上述问题，本申请提供了一种前端技术组件测试方法，如图1所示，包括：
[0039]S101：根据获取的技术组件代码进行DEMO页模拟。
[0040]S102：对模拟出的DEMO页按照预先设定的数据校验规则进行测试。
[0041]S103：完成数据校验规则测试后对DEMO页进行UI测试。
[0042]在一实施例中，前端技术组件测试方法还包括：
[0043]在完成UI测试之后，根据UI测试结果确定是否将代码自动化部署到预先配置的自动化测试平台。
[0044]在一实施例中，前端技术组件测试方法还包括：
[0045]对自动化测试平台进行兼容性测试并生成测试报告。
[0046]在一实施例中，根据获取的技术组件代码进行DEMO页模拟，包括：
[0047]根据技术组件代码模拟出DEMO页效果，并将DEMO页与技术组件代码关联。
[0048]在一实施例中，根据UI测试结果确定是否将代码自动化部署到预先配置的自动化测试平台，如图2所示，包括：
[0049]S201：从UI测试结果中筛选测试通过的代码。
[0050]S202：将测试通过的代码部署到自动化测试平台。
[0051]在一般情况下，开发一个软件的功能，比如手机银行登录，会用代码从零开始编写一套登录功能代码。但是不同APP的登录功能其实是由很多可以复用的功能性代码，比如账号输入功能、密码输入功能、验证码输入功能等。
[0052]这些功能就可以做成功能技术组件，当后续再需要开发一款APP具备登录功能时，就可以直接复用该技术组件生成账号栏位、密码栏位直接组装生成一套登录页面。
[0053]针对通过技术组件生成的登录页面，现有的测试方法是将其部署到手机或服务器上，然后测试人员去测试看是否可以正常使用，效率较低。
[0054]本申请提供了一种针对前端技术组件的端到端测试系统，该系统分为前端技术组件生成测试模块(提前识别账号密码框代码生成问题)、规则校验模块(提前识别账号密码复杂度校验问题)、UI校验(提前识别界面UI问题)、平台部署(提前识别代码部署问题)、兼容性测试模块(测试多平台兼容性)，通过上述方式可以极大地提升测试效率。
[0055]首先本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种前端技术组件测试方法，其特征在于，包括：根据获取的技术组件代码进行DEMO页模拟；对模拟出的DEMO页按照预先设定的数据校验规则进行测试；完成数据校验规则测试后对DEMO页进行UI测试。2.根据权利要求1所述的一种前端技术组件测试方法，其特征在于，还包括：在完成UI测试之后，根据UI测试结果确定是否将代码自动化部署到预先配置的自动化测试平台。3.根据权利要求2所述的一种前端技术组件测试方法，其特征在于，还包括：对所述自动化测试平台进行兼容性测试并生成测试报告。4.根据权利要求1所述的一种前端技术组件测试方法，其特征在于，所述根据获取的技术组件代码进行DEMO页模拟，包括：根据所述技术组件代码模拟出DEMO页效果，并将DEMO页与所述技术组件代码关联。5.根据权利要求2所述的一种前端技术组件测试方法，其特征在于，所述根据UI测试结果确定是否将代码自动化部署到预先配置的自动化测试平台，包括：从所述UI测试结果中筛选测试通过的代码；将测试通过的代码部署到自动化测试平台。6.一种前端技术组件测试装置，其特征在于，包括：模拟单元，用于根据获取的技术组件代码进行DEMO页模拟；校验规则测试单元，用于对模拟出的DEMO页按照预先设定的数据校验规则进行测试；UI测试单元，用于完成数据校验规则测试后对DEMO页进行UI测试。7.根据权利要求6所述的一种...

【专利技术属性】
技术研发人员：刘洋，党娜，李昊，
申请(专利权)人：中国银行股份有限公司，
类型：发明
国别省市：