一种界面元素处理方法及装置与流程

本发明属于计算机软件测试技术领域，具体为涉及一种界面元素处理方法及装置。

背景技术：

随着科学技术的进步，检验一款产品是否合格，就要对这款产品进行测试，编写关于这款产品的测试用例。在计算机软件测试中，涉及到界面类场景的测试，该测试需要编写人员编写界面中界面元素的测试用例，因为该界面元素包含多个测试点，所以编写人员要对每个界面元素中的所有测试点进行编写对应的测试用例，完成对界面元素的测试。

但是，一旦界面较多编写人员就要花费大量的时间和精力编写每个元素的测试用例，造成人力资源的浪费，并且使得编写人员疲劳会遗漏测试点或者编写出错误的测试用例，从而影响测试用例的准确性。

技术实现要素：

有鉴于此，本发明的目的在于提供一种界面元素处理方法及装置，用于自动生成界面元素测试用例。技术方案如下：

本发明提供一种界面元素处理方法，所述方法包括：

获得预设测试用例模板，所述预设测试用例模板为界面元素以及对应所述界面元素的测试点的测试用例的集合；

基于web应用系统提供的页面中的第一界面元素，对页面中的所述第一界面元素进行选择，并对所选择的所述第一界面元素进行属性值的设置，获得具有相应属性值的第二界面元素，所述第一界面元素中，包含x个界面元素，其中，所述x为大于等于1的正整数；

基于预设数据处理规则，将具有相应属性值的所述第二界面元素通过所述web应用系统发送到所述预设测试用例模板中，生成测试用例。

优选的，所述基于预设数据处理规则，将具有相应属性值的所述第二界面元素发送到所述预设测试用例模板中，生成测试用例，包括：

基于输入所述预设测试用例模板中的所述第二界面元素，获取所述预设测试用例模板中与所述第二界面元素相同类型的第三界面元素对应的测试用例；

将输入到所述预设测试用例模板中的所述第二界面元素的属性值替换所述预设测试用例模板中对应的第三界面元素的参数值，使得具备属性值的第三界面元素作为所述第二界面元素；

将所述测试用例对应的基础信息填充到所述测试用例的对应列中，从而组成所述第二界面元素完整的测试用例。

优选的，所述基于输入所述预设测试用例模板中的所述第二界面元素，获取所述预设测试用例模板中与所述第二界面元素相同类型的第三界面元素对应的测试用例，包括：

基于输入所述预设测试用例模板中的所述第二界面元素，判断所述预设测试用例模板中是否存在与输入所述预设测试用例模板中的所述第二界面元素相同类型的第三界面元素；

若所述预设测试用例模板中不存在与输入所述预设测试用例模板中的所述第二界面元素相同类型的第三界面元素，则不获取所述测试用例；

若所述预设测试用例模板中存在与输入所述预设测试用例模板中的所述第二界面元素相同类型的第三界面元素，则获取所述预设测试用例模板中与所述第二界面元素相同类型的第三界面元素对应的测试用例。

优选的，所述基础信息，包括：在所述web应用系统中引导用户输入的信息和测试任务的信息。

优选的，所述获得预设测试用例模板，包括：

获取n个界面元素，其中，n为大于等于1的正整数；

分析所述n个界面元素中各个界面元素的测试点；

针对所述各个界面元素对应的测试点编写相应的测试用例；

基于针对所述各个界面元素对应的测试点编写相应的测试用例的集合，获得所述预设测试用例模板。

本发明还提供一种界面元素处理装置，所述装置包括：

第一获得模块，用于获得预设测试用例模板，所述预设测试用例模板为界面元素以及对应所述界面元素的测试点的测试用例的集合；

第二获得模块，用于基于web应用系统提供的页面中的第一界面元素，对页面中的所述第一界面元素进行选择，并对所选择的所述第一界面元素进行属性值的设置，获得具有相应属性值的第二界面元素；

生成模块，用于基于预设数据处理规则，将具有相应属性值的所述第二界面元素通过所述web应用系统发送到所述预设测试用例模板中，生成测试用例。

优选的，所述生成模块，包括：

第一获取单元，用于基于输入所述预设测试用例模板中的所述第二界面元素，获取所述预设测试用例模板中与所述第二界面元素相同类型的第三界面元素对应的测试用例；

替换单元，用于将输入到所述预设测试用例模板中的所述第二界面元素的属性值替换所述预设测试用例模板中对应的第三界面元素的参数值，使得具备属性值的第三界面元素作为所述第二界面元素；

组成单元，用于将所述测试用例对应的基础信息填充到所述测试用例的对应列中，从而组成所述第二界面元素完整的测试用例。

优选的，所述第一获取单元，包括：

判断子单元，用于基于输入所述预设测试用例模板中的所述第二界面元素，判断所述预设测试用例模板中是否存在与输入所述预设测试用例模板中的所述第二界面元素相同类型的第三界面元素；若所述预设测试用例模板中不存在与输入所述预设测试用例模板中的所述第二界面元素相同类型的第三界面元素，则不获取所述测试用例；若所述预设测试用例模板中存在与输入所述预设测试用例模板中的所述第二界面元素相同类型的第三界面元素，则获取所述预设测试用例模板中与所述第二界面元素相同类型的第三界面元素对应的测试用例。

优选的，所述基础信息，包括：在所述web应用系统中引导用户输入的信息和测试任务的信息。

优选的，所述第一获得模块，包括：第二获取单元，用于获取n个界面元素；

分析单元，用于分析所述n个界面元素中各个界面元素的测试点；

编写单元，用于针对所述各个界面元素对应的测试点编写相应的测试用例；

获得单元，用于基于针对所述各个界面元素对应的测试点编写相应的测试用例的集合，获得所述预设测试用例模板。

与现有技术相比，本发明提供的上述技术方案具有如下优点：

获得预设测试用例模板，其中，预设测试用例模板为界面元素类型以及对应界面元素类型的测试点的测试用例的集合，然后基于web应用系统提供的页面中的第一界面元素类型，对页面中的第一界面元素类型进行选择，并对所选择的第一界面元素类型进行属性值的设置，获得具有相应属性值的第二界面元素类型，基于预设数据处理规则，将具有相应属性值的第二界面元素类型通过web应用系统发送到预设测试用例模板中，最后生成测试用例。

通过本方案实现了自动生成界面元素中各个测试点的测试用例，解决了编写测试用例的工作人员在编写过程中因为疲劳，遗漏测试点或者编写错误的测试用例，从而影响测试用例的准确性的问题。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本发明实施例提供的一种界面元素处理方法的流程图；

图2是本发明实施例提供的一种生成测试用例的流程图；

图3是本发明实施例提供的另一种生成测试用例的流程图；

图4是本发明实施例提供的一种获取测试用例的流程图；

图5是本发明实施例提供的一种获得预设测试用例模板的流程图；

图6是本发明实施例提供的一种界面元素处理装置的结构图。

具体实施方式

本发明提供了一种界面元素处理方法及装置，实现了自动生成界面元素中各个测试点的测试用例的目的，解决了编写测试用例的工作人员在编写过程中因为疲劳，遗漏测试点或者编写错误的测试用例，从而影响测试用例的准确性的问题。

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

如图1所示，为本发明实施例提供的一种界面元素处理方法的流程图，该方法包括以下步骤：

s101:获得预设测试用例模板。

在执行s101的过程中，首先需要获得预设测试用例的模板，其中，该预设测试用例模板为界面元素以及对应界面元素的测试点的测试用例的集合。这里对本实施例中的名词进行解释，测试用例：为了某个特殊目标而编制的一组测试输入、执行条件及预期结果，以便测试某个程序路径或核实是否满足某个特定需求；测试点：将被测对象进行功能分解后，描述的最小粒度的测试要点说明；界面元素：为网页或者应用系统界面上用于展示或者与用户进行交互的控件，如可以包括但不限于：文板框、下拉框、单选和多选按钮。

需要说明的是，本发明实施例中的预设测试用例模板是以excel格式作为预设测试用例的模板，也可以以别的格式作为预设测试用例的模板，例如：xml格式和json格式。

s102:基于web应用系统提供的页面中的第一界面元素，对页面中的第一界面元素进行选择，并对所选择的第一界面元素进行属性值的设置，获得具有相应属性值的第二界面元素。

在执行s102的过程中，第一界面元素为web应用系统提供的页面中包含有多种类型的界面元素，在该web应用系统提供的页面中的第一界面元素，编写测试用例的编写人员可以自由在第一界面元素中选择想要处理的界面元素，例如：在web应用系统提供的页面中包含的第一界面元素有：文本框、下拉框、单选和多选按钮等，编写人员在这些界面元素中选择了文本框，然后接下来会继续选择下拉框、单选和多选按钮，需要说明的是，第一界面元素除了上述举例的文本框、下拉框、单选和多选按钮，还有别的界面元素，这里不再进行例举，而且对第一界面元素的选择完全可以按照编写人员的意愿进行选择，使得本方案对界面元素的处理更加的灵活。对于已经选择的界面元素，首先要对该界面元素进行属性值的设置，即对选择的界面元素进行属性值的配置，例如：对于选择的文本框，可以将该文本框的名称配置为1。对于属性值配置完成的第一界面元素，可以叫做第二界面元素，以用来区分配置属性值之前的界面元素和配置属性值之后的界面元素。

需要说明的是，对于界面元素属性值的配置均设计为多个web页面交互过程。按照界面类产品的结构关系，某一界面元素依存于某一界面而存在，该界面包含多个不同种类不同数量的界面元素。所以，需要对整体界面做全局性属性值的配置，具体配置一些公共属性，适用于该页面的所有需要用到这些公共属性的界面元素，其中，公共属性可以包括但不限于：界面名称、交易码名称(在输入预设测试用例模板处理的时候，某些地方，比如“操作步骤”中，需要用到公共属性)。然后，再对界面中具体的各个界面元素进行属性值的配置。

s103:基于预设数据处理规则，将具有相应属性值的第二界面元素通过web应用系统发送到预设测试用例模板中，生成测试用例。

在执行s103的过程中，对于选择的第一界面元素，进行属性值的配置后，成为第二界面元素，然后通过web应用系统将该第二界面元素发送到预设测试用例模板中，以完成测试用例的生成。

根据上述技术方案可知，通过在web应用系统所提供页面中，编写测试用例的编写人员自由选择想要处理的界面元素，然后对该选择的界面元素进行属性值的配置，通过该web应用系统将属性值配置完成的界面元素发送到预设测试用例的模板中，最后生成需要编写对应界面元素的测试用例。实现了自动生成界面元素中各个测试点的测试用例，解决了编写测试用例的工作人员在编写过程中因为疲劳，遗漏测试点或者编写错误的测试用例，从而影响测试用例的准确性的问题。

基于上述本发明实施例图1中公开的步骤s103，如图2所示，本发明实施例提供的一种具体生成测试用例的流程图，主要包括：

s201:基于输入预设测试用例模板中的第二界面元素，获取预设测试用例模板中与第二界面元素相同类型的第三界面元素对应的测试用例。

在执行s201的过程中，通过web应用系统将第二界面元素输入到预设测试用例模板中，然后获取预设测试用例模板中与第二界面元素相同类型的第三界面元素对应的测试用例，这里需要说明的是，在界面元素中，若界面元素类型相同，则相同类型的界面元素测试点相同，所以编写出来的测试用例是相同的。这里将界面元素文本框进行举例：两种界面元素类型相同，都为文本框，则测试点均为是否为必输项、输入长度范围、是否允许输入和允许输入的字符类型等。所以相同类型的界面元素的测试点生成的测试用例都是统一的，不同的是，界面元素的属性值不同，例如：虽然两种界面元素都为文本框，但是这两种界面元素的名称不一样，即文本框的名称不一样，还有允许输入的字符类型不一样等。

需要说明的是，相同类型的界面元素，除了界面元素自身的属性值存在差异之外，测试点都是相同的。

s202:将输入到预设测试用例模板中的第二界面元素的属性值替换预设测试用例模板中对应的第三界面元素的参数值，使得具备属性值的第三界面元素作为第二界面元素。

在执行s202的过程中，将输入到预设测试用例模板中的第二界面元素的属性值对预设测试用例模板中对应的第三界面元素的参数值进行替换。也就是说，将属性值配置好的第二界面元素输入到预设测试用例模板中，然后根据第二界面元素和预设测试用例模板中的第三界面元素一样，即同为相同类型的界面元素，对同类型的界面元素的属性值进行替换，例如：第二界面元素的属性值，替换了相同类型的第三界面元素的参数值。由于相同类型测试点相同，编写的测试用例也相同，唯一不同的是属性值的差异，利用属性值替换的方式，解决了属性值差异问题，通过本发明实施例将具备第二界面元素属性值的第三界面元素就作为第二界面元素。

需要说明的是，同一类型的界面元素对应的测试用例往往测试点都相同，只是具体的属性值存在差异，只要替换属性值，在同类型界面元素的情况下，一种界面元素就可以作为另外一种界面元素。

s203:将测试用例对应的基础信息填充到测试用例的对应列中，从而组成第二界面元素完整的测试用例。

在执行s203的过程中，还需要将测试用例对应的基础信息填充到测试用例的对应列中，其中，测试用例对应的基础信息指的是：该基础信息能够提供web页引导用户输入和测试任务相关的信息，如测试人员、产品名称等基础信息。通过填充测试用例的基础信息，能够使得编写人员和测试用例的一一对应，确保了测试用例信息的完整性。通过上述技术方案从而组成了第二界面元素完整的测试用例，即生成了第二界面元素的测试用例。

需要说明的是，基础信息通过采集模块进行采集。

为了更好的理解本实施例，如图3所示，为本发明实施例提供的另一种生成测试用例的流程图，通过图3和结合上述实施例的描述，能更加清楚的理解本发明中的技术方案。

根据上述技术方案可知，将第二界面元素输入到预设测试用例模板中，然后获得相同类型的第三界面元素对应的测试用例，并将第三界面元素的参数值用第二界面元素的属性值进行替换，对获得的测试用例进行基础信息的填充，最后获得完整的测试用例。通过自动生成测试用例，整体提高了编写测试用例的编写效率，同时也提高了测试用例的准确性。

基于上述本发明实施例图2中公开的基于输入预设测试用例模板中的第二界面元素，获取预设测试用例模板中与第二界面元素相同类型的第三界面元素对应的测试用例，如图4所示，本发明实施例提供的一种具体获取测试用例的流程图，主要包括：

s401:基于输入预设测试用例模板中的第二界面元素，判断预设测试用例模板中是否存在与输入预设测试用例模板中的第二界面元素相同类型的第三界面元素。

在执行s401的过程中，基于输入预设测试用例模板中的第二界面元素，首先判断测试用例模板中是否存在与第二界面元素相同的第三界面元素。以便于获取第二界面元素对应的测试用例。

需要说明的是，判断的依据主要是看是否是相同类型的界面元素。

s402:若预设测试用例模板中不存在与输入预设测试用例模板中的第二界面元素相同类型的第三界面元素，则不获取测试用例。

在执行s402的过程中，若预设测试用例模板中不存在与第二界面元素相同类型的第三界面元素，则不获取测试用例，只有在预设测试用例模板中存在于第二界面元素相同类型的界面元素，才能获取对应的相同类型界面元素对应的测试用例。

需要说明的是，预设测试用例模板中的测试用例以及对应的界面元素，并不是固定的，可以添加或删除预设测试用例模板中的测试用例以及对应的界面元素。

s403:若预设测试用例模板中存在与输入预设测试用例模板中的第二界面元素相同类型的第三界面元素，则获取预设测试用例模板中与第二界面元素相同类型的第三界面元素对应的测试用例。

在执行s403的过程中，若预设测试用例模板中存在第二界面元素相同类型的第三界面元素，则获取预设测试用例模板中与第二界面元素相同类型的第三界面元素对应的测试用例。

需要说明的是，在获得对应的测试用例之后，就可以进行属性值的替换。

根据上述技术方案可知，判断第二界面元素相同类型的第三界面元素，并获得对应的测试用例，为替换属性值和填充基础信息提供了保障。

基于上述实施例图1中公开的获得预设测试用例模板，如图5所示，为本发明实施例提供的一种具体获得预设测试用例模板的流程图，主要包括：

s501:获取n个界面元素。

在执行s501的过程中，首先获取n个界面元素，编写人员可根据实际需要，对想要处理的界面元素进行获取。

需要说明的是，n为大于1或等于1的正整数。

s502:分析n个界面元素中各个界面元素的测试点。

在执行s502的过程中，编写测试用例的编写人员，对界面元素的测试点进行分析，找出界面元素的测试点，以便于对该界面元素的测试点进行编写对应的测试用例。

需要说明的是，每种界面元素存在多个测试点，不同类型的界面元素，对应的测试点也各不相同。

s503:针对各个界面元素对应的测试点编写相应的测试用例。

在执行s503的过程中，针对各个界面元素对应的测试点编写相应的测试用例，以便于将编写出来的测试用例进行整理。

需要说明的是，不同测试点编写的测试用例的内容也不相同。

s504:基于针对各个界面元素对应的测试点编写相应的测试用例的集合，获得预设测试用例模板。

在执行s504的过程中，将各个界面元素对应的测试点编写出来的测试用例整理成一个集合，将该集合作为预设测试用例模板。

需要说明的是，该预设测试用例模板为excel形式。

根据上述技术方案可知，获得预设测试用例模板，在本方案中为关键的一个步骤，为自动获得其他界面元素对应测试点的测试用例提供了重要的保障。

基于上述本发明公开的一种界面元素处理方法，本发明实施例还公开了对应该方法的一种界面元素处理装置，如图6所示，为本发明实施例提供的一种界面元素处理装置的结构图，主要包括：第一获得模块10、第二获得模块11和生成模块12。

第一获得模块10，用于获得预设测试用例模板，其中，预设测试用例模板为界面元素以及对应界面元素的测试点的测试用例的集合。对于测试用例、测试点和界面元素等名词的解释，请参阅相关方法实施例，这里不再进行阐述。

第二获得模块11，用于基于web应用系统提供的页面中的第一界面元素，对页面中的第一界面元素进行选择，并对所选择的第一界面元素进行属性值的设置，获得具有相应属性值的第二界面元素。第一界面元素为web应用系统提供的页面中包含有多种类型的界面元素，在该web应用系统提供的页面中的第一界面元素，编写测试用例的编写人员可以自由在第一界面元素中选择想要处理的界面元素，相关举例请参阅相关方法实施例，这里不再进行阐述，需要说明的是，在第二获得模块11中，除了文本框、下拉框、单选和多选按钮，还有别的界面元素，这里不再进行例举，而且对第一界面元素的选择完全可以按照编写人员的意愿进行选择，使得本方案对界面元素的处理更加的灵活。对于已经选择的界面元素，首先要对该界面元素进行属性值的设置，即对选择的界面元素进行属性值的配置，具体的说明，请参阅相关方法实施例，这里不再进行阐述。

生成模块12，用于基于预设数据处理规则，将具有相应属性值的第二界面元素通过web应用系统发送到预设测试用例模板中，生成测试用例。

根据上述技术方案可知，通过在web应用系统所提供页面中，编写测试用例的编写人员自由选择想要处理的界面元素，然后对该选择的界面元素进行属性值的配置，通过该web应用系统将属性值配置完成的界面元素发送到预设测试用例模板中，最后生成需要编写对应界面元素的测试用例。实现了自动生成界面元素中各个测试点的测试用例，解决了编写测试用例的工作人员在编写过程中因为疲劳，遗漏测试点或者编写错误的测试用例，从而影响测试用例的准确性的问题。

在本发明实施例中生成模块12的一种可选结构是：生成模块12包括第一获取单元、替换单元和组成单元。

第一获取单元，用于基于输入预设测试用例模板中的第二界面元素，获取预设测试用例模板中与第二界面元素相同类型的第三界面元素对应的测试用例。

替换单元，用于将输入到预设测试用例模板中的第二界面元素的属性值替换预设测试用例模板中对应的第三界面元素的参数值，使得具备属性值的第三界面元素作为第二界面元素。

组成单元，用于将测试用例对应的基础信息填充到测试用例的对应列中，从而组成第二界面元素完整的测试用例。

具体的第一获取单元可以包括：判断子单元。

判断子单元，用于基于输入预设测试用例模板中的第二界面元素，判断预设测试用例模板中是否存在与输入预设测试用例模板中的第二界面元素相同类型的第三界面元素；若预设测试用例模板中不存在与输入预设测试用例模板中的第二界面元素相同类型的第三界面元素，则不获取所述测试用例；若预设测试用例模板中存在与输入预设测试用例模板中的第二界面元素相同类型的第三界面元素，则获取预设测试用例模板中与第二界面元素相同类型的第三界面元素对应的测试用例。

根据上述技术方案可知，将第二界面元素输入到预设测试用例模板中，然后获得相同类型的第三界面元素对应的测试用例，并将第三界面元素的参数值用第二界面元素的属性值进行替换，对获得的测试用例进行基础信息的填充，最后获得完整的测试用例。通过自动生成测试用例，整体提高了编写测试用例的编写效率，同时也提高了测试用例的准确性。

在本发明实施例中第一获得模块10的一种可选结构是：第一获得模块10包括第二获取单元、分析单元、编写单元和获得单元。

第二获取单元，用于获取n个界面元素。

分析单元，用于分析n个界面元素中各个界面元素的测试点。

编写单元，用于针对各个界面元素对应的测试点编写相应的测试用例。

获得单元，用于基于针对各个界面元素对应的测试点编写相应的测试用例的集合，获得预设测试用例模板。

根据上述技术方案可知，获得预设测试用例模板，在本方案中为关键的一个步骤之一，为自动获得其他界面元素对应测试点的测试用例提供了重要的保障。

需要说明的是，本说明书中的各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似的部分互相参见即可。对于装置类实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

最后，还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

对所公开的实施例的上述说明，使本领域技术人员能够实现或使用本发明。对这些实施例的多种修改对本领域技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本发明的精神或范围的情况下，在其它实施例中实现。因此，本发明将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。

以上所述仅是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。