CN117389904A - 页面测试方法及装置、计算机存储介质、电子设备 - Google Patents

Abstract

本公开涉及测试技术领域，提供了一种页面测试方法、页面测试装置、计算机存储介质、电子设备，其中，页面测试方法包括：在检测出输入的网页访问信息中包含预设测试标识时，获取与预设测试标识指示的待测页面样式相关联的测试配置信息；测试配置信息包括生成待测页面样式需要调用的模拟接口列表及模拟接口列表中每个模拟接口的预设返回值；确定基于网页访问信息触发的页面请求所请求的接口列表；获取接口列表与模拟接口列表之间的共有接口；在拦截到针对页面请求的原始响应信息时，根据共有接口的预设返回值更新原始响应信息中共有接口的原始返回值，获得针对待测页面样式的测试响应信息。本公开能够快速对多种待测页面样式进行测试。

Description

页面测试方法及装置、计算机存储介质、电子设备

技术领域

本公开涉及测试技术领域，特别涉及一种页面测试方法、页面测试装置、计算机存储介质及电子设备。

背景技术

在web项目的开发中，经常涉及到前端开发和后端开发，在前端开发过程中，以往都需要以后端提供的业务逻辑接口为基础才能测试前端的开发结果，而通过mock服务可以避免上述技术瓶颈。

目前，在进行页面测试的时候，一般只能从接口维度出发更改mock数据，而当一种页面下包含多种页面样式(即需要同一接口分多次返回不同的mock数据)的时候，该方案需要多次频繁的改动接口的mock数据，测试效率低下。

鉴于此，本领域亟需开发一种新的页面测试方法及装置。

需要说明的是，上述背景技术部分公开的信息仅用于加强对本公开的背景的理解。

发明内容

本公开的目的在于提供一种页面测试方法、页面测试装置、计算机存储介质及电子设备，进而至少在一定程度上克服由于相关技术的限制而导致的测试效率低下的技术问题。

本公开的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本公开的实践而习得。

根据本公开的第一方面，提供一种页面测试方法，包括：在检测出输入的网页访问信息中包含预设测试标识时，获取与所述预设测试标识指示的待测页面样式相关联的测试配置信息；所述测试配置信息包括生成所述待测页面样式需要调用的模拟接口列表及所述模拟接口列表中每个模拟接口的预设返回值；确定基于所述网页访问信息触发的页面请求所请求的接口列表；所述接口列表中包含至少一个接口；获取所述接口列表与所述模拟接口列表之间的共有接口；在拦截到针对所述页面请求的原始响应信息时，根据所述共有接口的所述预设返回值更新所述原始响应信息中所述共有接口的原始返回值，获得针对所述待测页面样式的测试响应信息。

在本公开的示例性实施例中，所述获取与所述预设测试标识关联的测试配置信息，包括：获取预先设置的测试配置信息表；所述测试配置信息表用于存储所述测试标识与生成所述待测页面样式需要调用的模拟接口列表之间的对应关系；基于所述测试标识查找所述测试配置信息表，获得所述测试标识对应的模拟接口列表。

在本公开的示例性实施例中，所述获取与所述预设测试标识关联的测试配置信息，包括：获取预先设置的测试配置信息表；所述测试配置信息表用于存储所述测试标识与所述模拟接口列表中每个模拟接口的预设返回值之间的对应关系；基于所述测试标识查找所述测试配置信息表，获得所述模拟接口列表中每个模拟接口的预设返回值。

在本公开的示例性实施例中，所述确定基于所述网页访问信息触发的页面请求所请求的接口列表，包括：通过预先内置于所述前端的mock工具，复制基于所述网页访问信息触发的页面请求；根据所述页面请求包含的请求参数，确定所述页面请求所请求的接口列表。

在本公开的示例性实施例中，所述根据所述共有接口的所述预设返回值更新所述原始响应信息中所述共有接口的原始返回值，包括：将所述原始响应信息中所述共有接口的原始返回值，替换为所述共有接口的所述预设返回值。

在本公开的示例性实施例中，在获得针对所述待测页面样式的测试响应信息之后，所述方法还包括：将所述测试响应信息返回给前端，以使所述前端根据所述测试响应信息展示所述待测页面样式。

在本公开的示例性实施例中，所述方法还包括：若所述接口列表与所述模拟接口列表之间不存在所述共有接口，则将所述原始响应信息返回给所述前端，以使所述前端根据所述原始响应信息展示所述待测页面样式。

根据本公开的第二方面，提供一种页面测试装置，包括：第一获取模块，用于在检测出输入的网页访问信息中包含预设测试标识时，获取与所述预设测试标识指示的待测页面样式相关联的测试配置信息；所述测试配置信息包括生成所述待测页面样式需要调用的模拟接口列表及所述模拟接口列表中每个模拟接口的预设返回值；接口列表确定模块，用于确定基于所述网页访问信息触发的页面请求所请求的接口列表；所述接口列表中包含至少一个接口；第二获取模块，用于获取所述接口列表与所述模拟接口列表之间的共有接口；测试响应模块，用于在拦截到针对所述页面请求的原始响应信息时，根据所述共有接口的所述预设返回值更新所述原始响应信息中所述共有接口的原始返回值，获得针对所述待测页面样式的测试响应信息。

根据本公开的第三方面，提供一种计算机存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述第一方面所述的页面测试方法。

根据本公开的第四方面，提供一种电子设备，包括：处理器；以及存储器，用于存储所述处理器的可执行指令；其中，所述处理器配置为经由执行所述可执行指令来执行上述第一方面所述的页面测试方法。

由上述技术方案可知，本公开示例性实施例中的页面测试方法、页面测试装置、计算机存储介质及电子设备至少具备以下优点和积极效果：

在本公开的一些实施例所提供的技术方案中，本公开通过在检测出输入的网页访问信息中包含预设测试标识时，获取与预设测试标识指示的待测页面样式关联的测试配置信息，进而，确定基于网页访问信息触发的页面请求所请求的接口列表，在拦截到针对页面请求的原始响应信息时，利用共有接口的预设返回值更新原始响应信息中共有接口的原始返回值，获得针对待测页面样式的测试响应信息。一方面，能够解决相关技术中在测试同一页面的多种页面样式的时候，测试人员需要手动频繁的改动每个页面样式所调用接口的mock数据，导致人力时间成本投入过高的技术问题，降低测试时间成本，提升测试效率。另一方面，能够解决因测试人员记忆混乱漏掉某种数据，从而造成页面样式的测试遗漏，不能完整的覆盖所有测试需求的技术问题，保证测试需求的全面覆盖。

本公开应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。显而易见地，下面描述中的附图仅仅是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1示出本公开实施例中页面测试方法的流程示意图；

图2示出本公开实施例中如何针对每个测试项目创建模拟接口以及测试配置信息表的示意图；

图3示出本公开实施例中页面测试方法的整体流程示意图；

图4示出本公开示例性实施例中页面测试装置的结构示意图；

图5示出本公开示例性实施例中电子设备的结构示意图。

具体实施方式

现在将参考附图更全面地描述示例实施方式。然而，示例实施方式能够以多种形式实施，且不应被理解为限于在此阐述的范例；相反，提供这些实施方式使得本公开将更加全面和完整，并将示例实施方式的构思全面地传达给本领域的技术人员。所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施方式中。在下面的描述中，提供许多具体细节从而给出对本公开的实施方式的充分理解。然而，本领域技术人员将意识到，可以实践本公开的技术方案而省略所述特定细节中的一个或更多，或者可以采用其它的方法、组元、装置、步骤等。在其它情况下，不详细示出或描述公知技术方案以避免喧宾夺主而使得本公开的各方面变得模糊。

本说明书中使用用语“一个”、“一”、“该”和“所述”用以表示存在一个或多个要素/组成部分/等；用语“包括”和“具有”用以表示开放式的包括在内的意思并且是指除了列出的要素/组成部分/等之外还可存在另外的要素/组成部分/等；用语“第一”和“第二”等仅作为标记使用，不是对其对象的数量限制。

此外，附图仅为本公开的示意性图解，并非一定是按比例绘制。图中相同的附图标记表示相同或类似的部分，因而将省略对它们的重复描述。附图中所示的一些方框图是功能实体，不一定必须与物理或逻辑上独立的实体相对应。

mock测试就是在测试过程中，对于某些不容易构造或者不容易获取的对象，用一个虚拟的对象来创建以便测试的方法，在软件测试领域，mock的意思是模拟，简单来说，就是通过某种技术手段模拟测试对象的行为，返回预先设计的结果。这里的关键词是预先设计，也就是说对于任意被测试的对象，可以根据具体测试场景的需要，返回特定的结果。

目前，一般是从单个接口维度去配置mock数据，通过修改接口地址的方式请求到对应的mock数据，并且，测试完一种mock数据才能更改为另外一种数据。比如，页面上总共有2个接口，则需要将2个接口的地址更改为对应的mock地址，进而，页面根据获取到的mock数据展示对应的内容。

然而，对于一种页面下包含多种页面样式的测试项目而言(比如，一个活动页面，针对不同的人群需要展示不同的页面样式，从而，每种页面样式需要接口返回不同的参数)，上述方案存在以下缺陷：

为了测试所有的页面样式，测试人员需要对多种页面样式进行多次测试，需要频繁的改动每个页面样式调用接口的mock数据，从而，一方面，该方案需要投入大量的时间成本，效率低下，另一方面，可能出现测试人员记忆混乱，漏掉某种数据，从而造成页面样式的测试遗漏，不能完整的覆盖所有测试需求。

在本公开的实施例中，首先提供了一种页面测试方法，至少在一定程度上克服相关技术中测试效率低下的缺陷。

图1示出本公开实施例中页面测试方法的流程示意图，该页面测试方法的执行主体可以是预先内置在前端的mock工具。

参考图1，根据本公开的一个实施例的页面测试方法包括以下步骤：

步骤S110，在检测出输入的网页访问信息中包含预设测试标识时，获取与预设测试标识指示的待测页面样式相关联的测试配置信息；测试配置信息包括生成待测页面样式需要调用的模拟接口列表及模拟接口列表中每个模拟接口的预设返回值；

步骤S120，确定基于网页访问信息触发的页面请求所请求的接口列表；接口列表中包含至少一个接口；

步骤S130，获取接口列表与模拟接口列表之间的共有接口；

步骤S140，在拦截到针对页面请求的原始响应信息时，根据共有接口的预设返回值更新原始响应信息中共有接口的原始返回值，获得针对待测页面样式的测试响应信息。

在图1所示实施例所提供的技术方案中，本公开通过在检测出输入的网页访问信息中包含预设测试标识时，获取与预设测试标识指示的待测页面样式关联的测试配置信息，进而，确定基于网页访问信息触发的页面请求所请求的接口列表，在拦截到针对页面请求的原始响应信息时，利用共有接口的预设返回值更新原始响应信息中共有接口的原始返回值，获得针对待测页面样式的测试响应信息。一方面，能够解决相关技术中在测试同一页面的多种页面样式的时候，测试人员需要手动频繁的改动每个页面样式所调用接口的mock数据，导致人力时间成本投入过高的技术问题，降低测试时间成本，提升测试效率。另一方面，能够解决因测试人员记忆混乱漏掉某种数据，从而造成页面样式的测试遗漏，不能完整的覆盖所有测试需求的技术问题，保证测试需求的全面覆盖。

以下对图1中的各个步骤的具体实现过程进行详细阐述：

在步骤S110之前，本公开可以将每个测试页面视为一个测试项目，进而，预先创建多个测试项目需要请求的多个模拟接口，在创建模拟接口的时候，需要配置每个模拟接口的接口名称、接口路径以及每个模拟接口的预设返回值。其中，接口路径可以是该模拟接口的调用地址，预设返回值即预先设定的，期望该模拟接口返回的参数。

示例性的，假设某个测试页面1总共需要请求2个接口，则可以创建两个模拟接口，例如：接口1和接口2，将接口1的接口路径设置为A，将接口2的接口路径设置为B。

每个模拟接口可以设置至少一个预设返回值，不同的预设返回值用于生成不同的页面元素，从而展示不同的页面样式。比如，可以为接口1设置返回值1、返回值2、返回值3，为接口2设置返回值4和返回值5，返回值的具体数目可以根据需要展示的页面样式自行设定，本公开对此不作特殊限定。

此外，在将每个测试页面视为一个测试项目之后，本公开还可以将每个测试页面的每种展示效果(即每种页面样式)视为一种测试场景，从而，当一个测试页面包含多种页面样式时，则可以认为该测试项目下包含多个测试场景。

基于此，本公开可以创建测试配置信息表，具体的，该测试配置信息表用于存储测试标识与生成上述待测页面样式需要调用的模拟接口列表之间的对应关系，以及，存储上述测试标识与上述模拟接口列表中每个模拟接口的预设返回值之间的对应关系。

举例而言，假设上述测试页面1总共有两种待测页面样式(例如：待测页面样式1和待测页面样式2)，则可以将待测页面样式1视为测试场景1，并为其分配对应的测试标识，例如：scene11(表示测试页面1下的第1个场景)，将待测页面样式2视为测试场景2，并为其分配对应的测试标识，例如：scene12(表示测试页面1下的第2个场景)，进而，可以创建两个测试场景。在创建测试场景的时候，需要设置每个测试场景的名称、每个测试场景下需要调用的模拟接口列表，以及，模拟接口列表中每个模拟接口针对该测试场景的预设返回值。

示例性的，假设需要接口1的返回值1、接口2的返回2，才能够模拟待测页面样式1，则可以配置待测页面样式1对应的模拟接口列表为：接口1、接口2，并且，针对于待测页面样式1，接口1的预设返回值为返回值1，接口2的预设返回值为返回值2。以及，假设需要接口1的返回值2、接口2的返回值1，才能够模拟待测页面样式2，则可以配置待测页面样式2对应的模拟接口列表为：接口1、接口2，并且，针对于待测页面样式2，接口1的预设返回值为返回值2，接口2的预设返回值为返回值1。

类似的，可以依次配置每个测试项目及每个测试项目下包含的待测页面样式，并配置每个待测页面样式需要调用的模拟接口列表，以及，模拟接口列表中每个模拟接口对应于每个待测页面样式的预设返回值，形成上述测试配置信息表。

示例性的，参考图2，图2示出本公开实施例中如何针对每个测试项目创建模拟接口以及测试配置信息表的示意图，如图2所示：

在创建模拟接口(多个模拟接口可以形成接口列表)的时候，需要创建接口名称、接口路径、接口方法和预设返回值，预设返回值可以是多个值，例如：返回值1、返回值2、返回值N，可以无限添加；

此外，可以根据测试页面的多个待测页面样式确定多个预设测试场景，并创建场景，创建场景时需要创建场景名称，同时，可以获取创建好的所有模拟接口以及每个模拟接口的所有预设返回值，并自由组合每个测试场景需要调用的模拟接口列表，以及，模拟接口列表中包含的每个模拟接口的预设返回值，进而，可以为每个场景分配一个测试标识，将测试标识与测试场景对应的测试配置信息进行对应存储，得到测试信息对应表。

在设置好上述测试配置信息表之后，便可以根据上述测试配置信息表自动获取每个测试场景相关联的测试配置信息，从而，当测试页面包含多种不同的页面样式时，便可以根据不同的测试标识获取到不同的测试配置信息，即仅需调整测试标识，而无需调整不同测试场景下的测试配置信息，便可以快速的对测试页面的不同待测页面样式进行测试，提升测试效率，实现对多种待测页面样式的全面覆盖。

需要说明的是，在设置好上述测试配置信息表之后，本公开可以在H5的HTML(HyperText Mark-up Language，超文本标记语言，超文本是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素)中嵌入mock工具，以通过该mock工具执行以下步骤S110-步骤S140。

参考图1，在步骤S110中，在检测出输入的网页访问信息中包含预设测试标识时，获取与预设测试标识指示的待测页面样式相关联的测试配置信息。

本步骤中，在进行网页测试的时候，测试人员可以先通过前端的浏览器输入测试页面的网页访问信息，例如：测试页面的网页链接地址，其中，网页链接地址可以是H5 URL(Uniform Resource Locator,统一资源***)的形式。

在测试网页包含多种待测页面样式的情况下，测试人员可以依次在上述H5链接中输入每种待测页面样式对应的测试标识，以便于对该测试页面的每种待测页面样式进行依次测试，而若该测试页面中未包含多种待测页面样式，则无需在H5链接中输入上述测试标识，可以根据实际情况自行设定，本公开对此不作特殊限定。

从而，mock工具可以检测输入的网页访问信息中是否包含预设测试标识，在检测出上述H5链接中包含测试标识的情况下，可以获取与该测试标识关联的测试配置信息。

示例性的，测试配置信息可以包含两部分信息，一部分信息是：生成测试标识所指示的待测页面样式需要调用的模拟接口列表，另一部分信息是：模拟接口列表中每个模拟接口针对待测页面样式的预设返回值。

与测试标识关联的测试配置信息可以通过以下方式获取：

首先，可以获取上述预先设置的测试配置信息表，该测试配置信息表用于存储测试标识与生成测试标识所指示的待测页面样式需要调用的模拟接口列表之间的对应关系，以及，测试标识与模拟接口列表中每个模拟接口的预设返回值之间的对应关系，从而，可以基于上述预设测试标识查找上述测试配置信息表，获得生成上述测试标识对应的待测页面样式需要调用的模拟接口列表，以及，生成上述待测页面样式需要调用的每个模拟接口的预设返回值。

在获取到测试配置信息之后，可以进入步骤S120中，确定基于网页访问信息触发的页面请求所请求的接口列表。

本步骤中，在测试人员输入上述网页访问信息之后，前端会基于上述网页访问信息向后端发出一个页面请求，此时，mock工具可以通过修改XMLHttpRequest原型方法复制该页面请求，并根据该页面请求包含的请求参数，确定出该页面请求所请求的接口列表，示例性的，接口列表中可以包含至少一个接口。

在确定出接口列表之后，可以进入步骤S130中，获取接口列表与模拟接口列表之间的共有接口。

本步骤中，鉴于上述接口列表中包含至少一个接口，而模拟接口列表中包含至少一个模拟接口，从而，可以在原型的onreadystatechange方法中执行接口路径匹配逻辑，以将上述接口列表中包含的每个接口路径与上述模拟接口列表中包含的每个模拟接口的接口路径进行匹配，确定出二者之间是否接口路径相同的共有接口。

在步骤S140中，在拦截到针对页面请求的原始响应信息时，根据共有接口的预设返回值更新原始响应信息中共有接口的原始返回值，获得针对待测页面样式的测试响应信息。

本步骤中，在前端向后端发送页面请求之后，mock工具可以拦截后端返回给前端的原始响应信息，该原始响应信息中包含上述至少一个接口中每个接口对应的原始返回值。进而，针对二者的共有接口，可以利用上述预设返回值替换上述原始响应信息中该接口的预设返回值，获得针对上述待测页面样式的测试响应信息。

举例而言，假设接口列表中包含接口1的接口路径，而模拟接口列表中包含接口1，即命中了接口1，接口1为共有接口，则可以从上述测试配置信息中获取接口1的预设返回值，并利用该预设返回值替换上述原始响应信息中接口1的原始返回值。

类似的，当上述共有接口包含多个接口的时候，可以依次将每个共有接口的原始返回值替换为预设返回值，以获得针对上述待测页面样式的测试响应信息。

在获得针对上述待测页面样式的测试响应信息之后，可以将上述测试响应信息返回给前端，以使前端根据上述测试响应信息展示上述待测页面样式。

需要说明的是，若在上述步骤S130中未获取到接口列表与模拟接口列表之间的共有接口，则可以直接将上述原始响应信息返回给前端，以使前端根据上述原始响应信息展示待测页面样式。

在前端展示待测页面样式之后，测试人员可以根据该前端的待测页面样式是否符合预期来确定页面测试结果，示例性的，若该待测页面样式符合预期效果，则可以确定测试通过，否则，可以确定测试未通过。

基于以上技术方案，在测试人员需要对测试页面的其他待测页面样式进行测试的时候，只需要预先配置与该其他待测页面样式相关联的测试配置信息，进而，在H5链接中携带其他待测页面样式对应的测试标识，即可快速对上述其他待测页面样式进行页面测试，提升了测试便捷度。

参考图3，图3示出本公开实施例中页面测试方法的整体流程图，包含步骤S301-步骤S311：

在步骤S301中，开始；

在步骤S302中，在HTML中嵌入mock；

在步骤S303中，在浏览器中输入H5链接；

在步骤S304中，判断链接中是否包含预设测试标识；

若否，则进入步骤S305中，不执行后续逻辑；

若是，则进入步骤S306中，获取与预设测试标识关联的模拟接口列表；

在步骤S307中，复制页面请求；

在步骤S308中，判断接口列表与模拟接口列表之间是否存在共有接口；

若不存在，则进入步骤S309中，返回原始返回值；

若存在，则进入步骤S310中，利用预设返回值替换原始返回值；

在步骤S311中，结束。

基于以上技术方案，本公开至少具有以下技术效果：

第一，通过建立测试场景的概念，根据不同的待测页面样式建立不同的测试场景，同时，可以根据不同的待测页面样式自由组合不同的模拟接口，以及，每个模拟接口可以在多个预设返回值中自由选择某个返回值，从而，能够便捷的实现对多种待测页面样式的全面覆盖测试，提升测试效率；

第二，通过利用共有接口的预设返回值替换其原始返回值，无需手动多次修改接口的mock数据，减少了修改代码的时间成本，提高了测试人员的测试效率。

本公开还提供了一种页面测试装置，图4示出本公开示例性实施例中页面测试装置的结构示意图；如图4所示，页面测试装置400可以包括第一获取模块410、接口列表确定模块420、第二获取模块430和测试响应模块440。其中：

第一获取模块410，用于在检测出输入的网页访问信息中包含预设测试标识时，获取与所述预设测试标识指示的待测页面样式相关联的测试配置信息；所述测试配置信息包括生成所述待测页面样式需要调用的模拟接口列表及所述模拟接口列表中每个模拟接口的预设返回值；

接口列表确定模块420，用于确定基于所述网页访问信息触发的页面请求所请求的接口列表；所述接口列表中包含至少一个接口；

第二获取模块430，用于获取所述接口列表与所述模拟接口列表之间的共有接口；

测试响应模块440，用于在拦截到针对所述页面请求的原始响应信息时，根据所述共有接口的所述预设返回值更新所述原始响应信息中所述共有接口的原始返回值，获得针对所述待测页面样式的测试响应信息。

在本公开的示例性实施例中，第一获取模块410获取与所述预设测试标识关联的测试配置信息，包括：

获取预先设置的测试配置信息表；所述测试配置信息表用于存储所述测试标识与生成所述待测页面样式需要调用的模拟接口列表之间的对应关系；基于所述测试标识查找所述测试配置信息表，获得所述测试标识对应的模拟接口列表。

在本公开的示例性实施例中，第一获取模块410获取与所述预设测试标识关联的测试配置信息，包括：

获取预先设置的测试配置信息表；所述测试配置信息表用于存储所述测试标识与所述模拟接口列表中每个模拟接口的预设返回值之间的对应关系；基于所述测试标识查找所述测试配置信息表，获得所述模拟接口列表中每个模拟接口的预设返回值。

在本公开的示例性实施例中，接口列表确定模块420确定基于所述网页访问信息触发的页面请求所请求的接口列表，包括：

通过预先内置于所述前端的mock工具，复制基于所述网页访问信息触发的页面请求；根据所述页面请求包含的请求参数，确定所述页面请求所请求的接口列表。

在本公开的示例性实施例中，测试响应模块440根据所述共有接口的所述预设返回值更新所述原始响应信息中所述共有接口的原始返回值，包括：将所述原始响应信息中所述共有接口的原始返回值，替换为所述共有接口的所述预设返回值。

在本公开的示例性实施例中，在获得针对所述待测页面样式的测试响应信息之后，测试响应模块440，被配置为：

将所述测试响应信息返回给前端，以使所述前端根据所述测试响应信息展示所述待测页面样式。

在本公开的示例性实施例中，测试响应模块440，被配置为：

若所述接口列表与所述模拟接口列表之间不存在所述共有接口，则将所述原始响应信息返回给所述前端，以使所述前端根据所述原始响应信息展示所述待测页面样式。

上述页面测试装置中各模块的具体细节已经在对应的页面测试方法中进行了详细的描述，因此此处不再赘述。

应当注意，尽管在上文详细描述中提及了用于动作执行的设备的若干模块或者单元，但是这种划分并非强制性的。实际上，根据本公开的实施方式，上文描述的两个或更多模块或者单元的特征和功能可以在一个模块或者单元中具体化。反之，上文描述的一个模块或者单元的特征和功能可以进一步划分为由多个模块或者单元来具体化。

此外，尽管在附图中以特定顺序描述了本公开中方法的各个步骤，但是，这并非要求或者暗示必须按照该特定顺序来执行这些步骤，或是必须执行全部所示的步骤才能实现期望的结果。附加的或备选的，可以省略某些步骤，将多个步骤合并为一个步骤执行，以及/或者将一个步骤分解为多个步骤执行等。

通过以上的实施方式的描述，本领域的技术人员易于理解，这里描述的示例实施方式可以通过软件实现，也可以通过软件结合必要的硬件的方式来实现。因此，根据本公开实施方式的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM，U盘，移动硬盘等)中或网络上，包括若干指令以使得一台计算设备(可以是个人计算机、服务器、移动终端、或者网络设备等)执行根据本公开实施方式的方法。

本申请还提供了一种计算机可读存储介质，该计算机可读存储介质可以是上述实施例中描述的电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。

计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的***、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行***、装置或者器件使用或者与其结合使用。

计算机可读存储介质可以发送、传播或者传输用于由指令执行***、装置或者器件使用或者与其结合使用的程序。计算机可读存储介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、RF等等，或者上述的任意合适的组合。

计算机可读存储介质承载有一个或者多个程序，当上述一个或者多个程序被一个该电子设备执行时，使得该电子设备实现如上述实施例中所述的方法。

此外，在本公开实施例中还提供了一种能够实现上述方法的电子设备。

所属技术领域的技术人员能够理解，本公开的各个方面可以实现为***、方法或程序产品。因此，本公开的各个方面可以具体实现为以下形式，即：完全的硬件实施方式、完全的软件实施方式(包括固件、微代码等)，或硬件和软件方面结合的实施方式，这里可以统称为“电路”、“模块”或“***”。

下面参照图5来描述根据本公开的这种实施方式的电子设备500。图5显示的电子设备500仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。

如图5所示，电子设备500以通用计算设备的形式表现。电子设备500的组件可以包括但不限于：上述至少一个处理单元510、上述至少一个存储单元520、连接不同***组件(包括存储单元520和处理单元510)的总线530以及显示单元540。

其中，所述存储单元存储有程序代码，所述程序代码可以被所述处理单元510执行，使得所述处理单元510执行本说明书上述“示例性方法”部分中描述的根据本公开各种示例性实施方式的步骤。例如，所述处理单元510可以执行如图1中所示的：步骤S110，在检测出输入的网页访问信息中包含预设测试标识时，获取与所述预设测试标识指示的待测页面样式相关联的测试配置信息；所述测试配置信息包括生成所述待测页面样式需要调用的模拟接口列表及所述模拟接口列表中每个模拟接口的预设返回值；步骤S120，确定基于所述网页访问信息触发的页面请求所请求的接口列表；所述接口列表中包含至少一个接口；步骤S130，获取所述接口列表与所述模拟接口列表之间的共有接口；步骤S140，在拦截到针对所述页面请求的原始响应信息时，根据所述共有接口的所述预设返回值更新所述原始响应信息中所述共有接口的原始返回值，获得针对所述待测页面样式的测试响应信息。

存储单元520可以包括易失性存储单元形式的可读介质，例如随机存取存储单元(RAM)5201和/或高速缓存存储单元5202，还可以进一步包括只读存储单元(ROM)5203。

存储单元520还可以包括具有一组(至少一个)程序模块5205的程序/实用工具5204，这样的程序模块5205包括但不限于：操作***、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。

总线530可以为表示几类总线结构中的一种或多种，包括存储单元总线或者存储单元控制器、***总线、图形加速端口、处理单元或者使用多种总线结构中的任意总线结构的局域总线。

电子设备500也可以与一个或多个外部设备600(例如键盘、指向设备、蓝牙设备等)通信，还可与一个或者多个使得用户能与该电子设备500交互的设备通信，和/或与使得该电子设备500能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口550进行。并且，电子设备500还可以通过网络适配器560与一个或者多个网络(例如局域网(LAN)，广域网(WAN)和/或公共网络，例如因特网)通信。如图所示，网络适配器560通过总线530与电子设备500的其它模块通信。应当明白，尽管图中未示出，可以结合电子设备500使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID***、磁带驱动器以及数据备份存储***等。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其他实施例。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由权利要求指出。

Claims (10)

1.一种页面测试方法，其特征在于，包括：

在检测出输入的网页访问信息中包含预设测试标识时，获取与所述预设测试标识指示的待测页面样式相关联的测试配置信息；所述测试配置信息包括生成所述待测页面样式需要调用的模拟接口列表及所述模拟接口列表中每个模拟接口的预设返回值；

确定基于所述网页访问信息触发的页面请求所请求的接口列表；所述接口列表中包含至少一个接口；

获取所述接口列表与所述模拟接口列表之间的共有接口；

在拦截到针对所述页面请求的原始响应信息时，根据所述共有接口的所述预设返回值更新所述原始响应信息中所述共有接口的原始返回值，获得针对所述待测页面样式的测试响应信息。

2.根据权利要求1所述的方法，其特征在于，所述获取与所述预设测试标识关联的测试配置信息，包括：

获取预先设置的测试配置信息表；所述测试配置信息表用于存储所述测试标识与生成所述待测页面样式需要调用的模拟接口列表之间的对应关系；

基于所述测试标识查找所述测试配置信息表，获得生成所述待测页面样式需要调用的模拟接口列表。

3.根据权利要求1所述的方法，其特征在于，所述获取与所述预设测试标识关联的测试配置信息，包括：

获取预先设置的测试配置信息表；所述测试配置信息表用于存储所述测试标识与所述模拟接口列表中每个模拟接口的预设返回值之间的对应关系；

基于所述测试标识查找所述测试配置信息表，获得所述模拟接口列表中每个模拟接口的预设返回值。

4.根据权利要求1至3任意一项所述的方法，其特征在于，所述确定基于所述网页访问信息触发的页面请求所请求的接口列表，包括：

通过预先内置于所述前端的mock工具，复制基于所述网页访问信息触发的页面请求；

根据所述页面请求包含的请求参数，确定所述页面请求所请求的接口列表。

5.根据权利要求1至3任意一项所述的方法，其特征在于，所述根据所述共有接口的所述预设返回值更新所述原始响应信息中所述共有接口的原始返回值，包括：

将所述原始响应信息中所述共有接口的原始返回值，替换为所述共有接口的所述预设返回值。

6.根据权利要求5所述的方法，其特征在于，在获得针对所述待测页面样式的测试响应信息之后，所述方法还包括：

将所述测试响应信息返回给前端，以使所述前端根据所述测试响应信息展示所述待测页面样式。

7.根据权利要求1所述的方法，其特征在于，所述方法还包括：

若所述接口列表与所述模拟接口列表之间不存在所述共有接口，则将所述原始响应信息返回给所述前端，以使所述前端根据所述原始响应信息展示所述待测页面样式。

8.一种页面测试装置，其特征在于，包括：

第一获取模块，用于在检测出输入的网页访问信息中包含预设测试标识时，获取与所述预设测试标识指示的待测页面样式相关联的测试配置信息；所述测试配置信息包括生成所述待测页面样式需要调用的模拟接口列表及所述模拟接口列表中每个模拟接口的预设返回值；

接口列表确定模块，用于确定基于所述网页访问信息触发的页面请求所请求的接口列表；所述接口列表中包含至少一个接口；

第二获取模块，用于获取所述接口列表与所述模拟接口列表之间的共有接口；

测试响应模块，用于在拦截到针对所述页面请求的原始响应信息时，根据所述共有接口的所述预设返回值更新所述原始响应信息中所述共有接口的原始返回值，获得针对所述待测页面样式的测试响应信息。

9.一种计算机存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1～7中任意一项所述的页面测试方法。

10.一种电子设备，其特征在于，包括：

处理器；以及

存储器，用于存储所述处理器的可执行指令；

其中，所述处理器配置为经由执行所述可执行指令来执行权利要求1～7中任意一项所述的页面测试方法。