一种用户界面一致性检测方法和装置制造方法及图纸

本申请提供了用户界面一致性检测方法和装置，可应用于分布式领域和金融领域。方法包括：对获取的第一UI设计稿信息和第一UI界面截图信息进行一致性检测，并监听UI设计平台是否对目标UI设计稿进行变更；若监听到变更，则对第二UI设计稿信息和第一UI界面截图信息进行一致性检测，以确定UI设计平台最近一次生成的UI设计稿和软件开发平台最近一次生成的UI界面截图是否一致；若未监听到变更，则基于第一检测结果确定UI设计平台最近一次生成的UI设计稿和软件开发平台最近一次生成的UI界面截图是否一致。本申请能在检测过程中监听UI设计平台是否对目标UI设计稿进行变更，若监听到变更，则基于第二UI设计稿信息进行一致性检测，可以得到准确的检测结果。可以得到准确的检测结果。可以得到准确的检测结果。

【技术实现步骤摘要】
一种用户界面一致性检测方法和装置


[0001]本申请涉及用户界面测试领域，特别是涉及一种用户界面一致性检测方法和装置。

技术介绍

[0002]为满足业务层面的快速发展，在软件开发过程中首先完成用户界面(User Interface，UI)设计，待业务人员完成UI设计评审确认后，再由软件开发工程师依据UI设计稿完成软件开发工作。在此过程中，至少存在以下应用场景问题：第一，UI设计稿出现变更而未及时通知软件开发工程师，导致UI设计稿与软件开发工程师开发的UI截图不一致；第二，软件开发工程师未完全按照UI设计稿进行开发，导致UI设计稿与UI截图不一致。因此，需要在软件开发工程师完成UI界面开发后，将UI设计稿与UI截图进行一致性检测。
[0003]传统方法中，通过对比UI设计稿与UI截图的相似度来确定UI设计稿与UI截图是否一致。但是，UI设计稿可以随时变更，使得一致性检测时使用的UI设计稿可能不是最新的设计稿，由此带来一致性检测结果不准确的问题。

技术实现思路

[0004]有鉴于此，本申请提供了一种用户界面一致性检测方法和装置，用于解决现有技术存在的一致性检测使用的UI设计稿不是最新设计稿导致的一致性检测结果不准确的问题，其技术方案如下：
[0005]一种用户界面一致性检测方法，包括：
[0006]获取用户界面UI设计平台最近一次生成的第一UI设计稿信息和软件开发平台最近一次生成的第一UI界面截图信息，第一UI界面截图信息为基于相同文件名称和相同版本号的UI设计稿开发的UI截图信息，第一UI设计稿信息包含目标UI设计稿；
[0007]对第一UI设计稿信息和第一UI界面截图信息进行一致性检测，并在检测过程中监听UI设计平台是否对目标UI设计稿进行变更，其中，第一UI设计稿信息和第一UI界面截图信息的一致性检测结果作为第一检测结果；
[0008]若监听到UI设计平台对目标UI设计稿进行变更，则获取变更得到的第二UI设计稿信息，并对第二UI设计稿信息和第一UI界面截图信息进行一致性检测，以基于第二检测结果确定UI设计平台最近一次生成的UI设计稿和软件开发平台最近一次生成的UI界面截图是否一致；
[0009]若未监听到UI设计平台对目标UI设计稿进行变更，则基于第一检测结果确定UI设计平台最近一次生成的UI设计稿和软件开发平台最近一次生成的UI界面截图是否一致。
[0010]可选的，第一UI设计稿信息还包括目标UI设计稿的文件名称哈希值和属性信息，第一UI界面截图信息包括目标UI界面截图、目标UI界面截图的文件名称哈希值和属性信息。
[0011]可选的，监听UI设计平台是否对目标UI设计稿进行变更，包括：
[0012]采用观察者模式监听UI设计平台是否对目标UI设计稿进行变更；
[0013]和/或，监听是否在第一关联信息中新增第二UI设计稿信息，其中，第一关联信息用于存储各版本号的UI设计稿信息，在UI设计平台对目标UI设计稿进行变更后，第二UI设计稿信息能够更新至第一关联信息中。
[0014]可选的，第一UI设计稿信息和第一UI界面截图信息分别包含的属性信息包括界面元素样式属性信息；
[0015]对第一UI设计稿信息和第一UI界面截图信息进行一致性检测，包括：
[0016]采用预设的图形相似度算法计算目标UI设计稿和目标UI界面截图的图形相似度；
[0017]根据图形相似度确定目标UI设计稿和目标UI界面截图是否整体一致；
[0018]若是，则将目标UI设计稿的界面元素样式属性信息和目标UI界面截图的界面元素样式属性信息进行比较，若目标UI设计稿的界面元素样式属性信息和目标UI界面截图的界面元素样式属性信息完全相同，则确定第一UI设计稿信息和第一UI界面截图信息一致。
[0019]可选的，根据图形相似度确定目标UI设计稿和目标UI界面截图是否整体一致，包括：
[0020]若图形相似度小于预设的相似度阈值，则确定目标UI设计稿和目标UI界面截图整体不一致；
[0021]若图形相似度大于或等于相似度阈值，则确定目标UI设计稿和目标UI界面截图整体一致。
[0022]可选的，第一UI设计稿信息还包括目标UI设计稿的版本号，第一UI界面截图信息还包括目标UI界面截图的版本号；
[0023]采用预设的图形相似度算法计算目标UI设计稿和目标UI界面截图的图形相似度，包括：
[0024]确定第一UI设计稿信息包含的版本号与第一UI界面截图信息包含的版本号是否相同；
[0025]若是，则采用图形相似度算法计算目标UI设计稿和目标UI界面截图的图形相似度。
[0026]可选的，还包括：
[0027]若监听到UI设计平台对目标UI设计稿进行变更，且第二检测结果为第二UI设计稿信息和第一UI界面截图信息不一致，则向软件开发平台发送UI设计稿变更消息通知，以便软件开发平台基于第二UI设计稿信息包含的变更后UI设计稿对目标UI界面截图进行更新，得到更新后UI界面截图对应的第二UI界面截图信息；
[0028]获取第二UI界面截图信息，并将第二UI界面截图信息更新到第二关联信息中，其中，第二关联信息用于存储各版本号的UI界面截图信息。
[0029]可选的，将第二UI界面截图信息更新到第二关联信息中，包括：
[0030]对第二UI界面截图信息和第二UI设计稿信息进行一致性检测，得到第三检测结果；
[0031]若第三检测结果为第二UI界面截图信息和第二UI设计稿信息一致，则将第二UI界面截图信息更新到第二关联信息中。
[0032]可选的，若第三检测结果为第二UI界面截图信息和第二UI设计稿信息不一致，则
返回执行向软件开发平台发送UI设计稿变更消息通知。
[0033]一种用户界面一致性检测装置，包括：
[0034]信息获取单元，用于获取用户界面UI设计平台最近一次生成的第一UI设计稿信息和软件开发平台最近一次生成的第一UI界面截图信息，第一UI界面截图信息为基于相同文件名称和相同版本号的UI设计稿开发的UI截图信息，第一UI设计稿信息包含目标UI设计稿；
[0035]一致性检测单元，用于对第一UI设计稿信息和第一UI界面截图信息进行一致性检测，并在检测过程中监听UI设计平台是否对目标UI设计稿进行变更，其中，第一UI设计稿信息和第一UI界面截图信息的一致性检测结果作为第一检测结果；
[0036]第一检测结果确定单元，用于若监听到UI设计平台对目标UI设计稿进行变更，则获取变更得到的第二UI设计稿信息，并对第二UI设计稿信息和第一UI界面截图信息进行一致性检测，以基于第二检测结果确定UI设计平台最近一次生成的UI设计稿和软件开发平台最近一次生成的UI界面截图是否一致；
[0037]第二检测结果确定单元，用于若未监听到UI设计平台对目标UI设计稿进行变更，则基于第一检测结果确定UI设计平台最近一次生成的U本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种用户界面一致性检测方法，其特征在于，包括：获取用户界面UI设计平台最近一次生成的第一UI设计稿信息和软件开发平台最近一次生成的第一UI界面截图信息，所述第一UI界面截图信息为基于相同文件名称和相同版本号的UI设计稿开发的UI截图信息，所述第一UI设计稿信息包含目标UI设计稿；对所述第一UI设计稿信息和所述第一UI界面截图信息进行一致性检测，并在检测过程中监听所述UI设计平台是否对所述目标UI设计稿进行变更，其中，所述第一UI设计稿信息和所述第一UI界面截图信息的一致性检测结果作为第一检测结果；若监听到所述UI设计平台对所述目标UI设计稿进行变更，则获取变更得到的第二UI设计稿信息，并对所述第二UI设计稿信息和所述第一UI界面截图信息进行一致性检测，以基于第二检测结果确定所述UI设计平台最近一次生成的UI设计稿和所述软件开发平台最近一次生成的UI界面截图是否一致；若未监听到所述UI设计平台对所述目标UI设计稿进行变更，则基于所述第一检测结果确定所述UI设计平台最近一次生成的UI设计稿和所述软件开发平台最近一次生成的UI界面截图是否一致。2.根据权利要求1所述的用户界面一致性检测方法，其特征在于，所述第一UI设计稿信息还包括所述目标UI设计稿的文件名称哈希值和属性信息，所述第一UI界面截图信息包括目标UI界面截图、所述目标UI界面截图的文件名称哈希值和属性信息。3.根据权利要求2所述的用户界面一致性检测方法，其特征在于，所述监听所述UI设计平台是否对所述目标UI设计稿进行变更，包括：采用观察者模式监听所述UI设计平台是否对所述目标UI设计稿进行变更；和/或，监听是否在第一关联信息中新增所述第二UI设计稿信息，其中，所述第一关联信息用于存储各版本号的UI设计稿信息，在所述UI设计平台对所述目标UI设计稿进行变更后，所述第二UI设计稿信息能够更新至所述第一关联信息中。4.根据权利要求3所述的用户界面一致性检测方法，其特征在于，所述第一UI设计稿信息和所述第一UI界面截图信息分别包含的属性信息包括界面元素样式属性信息；所述对所述第一UI设计稿信息和所述第一UI界面截图信息进行一致性检测，包括：采用预设的图形相似度算法计算所述目标UI设计稿和所述目标UI界面截图的图形相似度；根据所述图形相似度确定所述目标UI设计稿和所述目标UI界面截图是否整体一致；若是，则将所述目标UI设计稿的界面元素样式属性信息和所述目标UI界面截图的界面元素样式属性信息进行比较，若所述目标UI设计稿的界面元素样式属性信息和所述目标UI界面截图的界面元素样式属性信息完全相同，则确定所述第一UI设计稿信息和所述第一UI界面截图信息一致。5.根据权利要求4所述的用户界面一致性检测方法，其特征在于，所述根据所述图形相似度确定所述目标UI设计稿和所述目标UI界面截图是否整体一致，包括：若所述图形相似度小于预设的相似度阈值，则确定所述目标UI设计稿和所述目标UI界面截图整体不一致；若所述图形相似度大于或等于所述相似度阈值，则确定所述目标UI设计稿和所述目标UI界面截图整体一致。

【专利技术属性】
技术研发人员：孙华强，
申请(专利权)人：中银金融科技有限公司，
类型：发明
国别省市：