CN110309044B - 一种Web系统中样式变更测试方法及终端 - Google Patents

一种Web系统中样式变更测试方法及终端 Download PDF

Info

Publication number
CN110309044B
CN110309044B CN201810227736.0A CN201810227736A CN110309044B CN 110309044 B CN110309044 B CN 110309044B CN 201810227736 A CN201810227736 A CN 201810227736A CN 110309044 B CN110309044 B CN 110309044B
Authority
CN
China
Prior art keywords
webpage
associated information
path
modified
acquiring
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.)
Active
Application number
CN201810227736.0A
Other languages
English (en)
Other versions
CN110309044A (zh
Inventor
刘德建
陈强
宋诗莹
黄斌
王柟
王波
兰成建
俞发仁
林琛
曾捷
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Fujian Tianquan Educational Technology Ltd
Original Assignee
Fujian Tianquan Educational Technology Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Fujian Tianquan Educational Technology Ltd filed Critical Fujian Tianquan Educational Technology Ltd
Priority to CN201810227736.0A priority Critical patent/CN110309044B/zh
Publication of CN110309044A publication Critical patent/CN110309044A/zh
Application granted granted Critical
Publication of CN110309044B publication Critical patent/CN110309044B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

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
    • G06F11/3672—Test management
    • 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
    • G06F11/3672—Test management
    • G06F11/3688—Test management for test execution, e.g. scheduling of test suites

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Computer Hardware Design (AREA)
  • Quality & Reliability (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)
  • Debugging And Monitoring (AREA)

Abstract

本发明提供了一种Web系统中样式变更测试方法及终端，在Web系统中修改CSS样式前后，分别通过获取已加载网页上DOM对象对应的HTML文件，从而获取HTML文件中的网页跳转路径，根据网页跳转路径，加载对应的网页，并对网页进行截图，将截图后的图片与对应的网页跳转路径进行关联，得到关联信息；根据修改CSS样式前后对应的关联信息，获取得到所有修改CSS样式对应的网页跳转路径。本发明能够有效检测CSS样式变更后所有更改网页对应的网页跳转路径，解决了Web系统中CSS样式修改时，会引起多数页面误修改，存在误修改的页面查找遗漏的问题，提高Web系统测试效率。

Description

一种Web系统中样式变更测试方法及终端
技术领域
本发明涉及互联网技术领域，尤其涉及一种Web系统中样式变更测试方法及终端。
背景技术
目前Web技术越来越流行，前端界面样式层出不穷，在开发进行样式使用的过程中，会引入相同的CSS样式文件，然而在多人分工合作的项目中，对CSS的引用会存在修改其中的某些样式而影响到其他的页面展示，使得Web测试人员在测试过程中的回归测试量增大，影响测试进度和效率，而且如果一个Web系统的页面很多的情况下，会存在走查的遗漏，影响产品的质量。
发明内容
本发明所要解决的技术问题是：本发明提供了一种Web系统中样式变更测试方法及终端，解决了Web系统中CSS样式修改时，会引起多数页面误修改，存在误修改的页面查找遗漏的问题，提高Web系统测试效率。
为了解决上述技术问题，本发明提供了一种Web系统中样式变更测试方法，包括以下步骤：
S1：在Web系统未修改CSS样式前，根据目标网页路径，加载网页；
S2：获取当前网页上DOM对象对应的HTML文件，并将所述HTML文件存储于预设的文件夹中；
S3：根据所述HTML文件，获取HTML文件中的网页跳转路径；
S4：根据网页跳转路径，加载网页，对所述网页进行截图，并将截图后的图片与网页对应的网页跳转路径进行关联，得到关联信息，保存所述关联信息于所述文件夹中；
S5：重复执行步骤S2至S4，直至所有的网页跳转路径对应的网页均加载完毕；
S6：获取文件夹中的关联信息，得到第一关联信息集合；
S7：当接收已修改Web系统中CSS样式对应的指令信息时，根据所述目标网页路径，加载网页；删除所述文件夹中所有的关联信息，执行步骤S2至S5；获取文件夹中的关联信息，得到第二关联信息集合；
S8：根据所述第一关联信息集合和第二关联信息集合，获取得到所有修改CSS样式对应的网页跳转路径。
本发明还提供了一种Web系统中样式变更测试终端，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现以下步骤：
S1：在Web系统未修改CSS样式前，根据目标网页路径，加载网页；
S2：获取当前网页上DOM对象对应的HTML文件，并将所述HTML文件存储于预设的文件夹中；
S3：根据所述HTML文件，获取HTML文件中的网页跳转路径；
S4：根据网页跳转路径，加载网页，对所述网页进行截图，并将截图后的图片与网页对应的网页跳转路径进行关联，得到关联信息，保存所述关联信息于所述文件夹中；
S5：重复执行步骤S2至S4，直至所有的网页跳转路径对应的网页均加载完毕；
S6：获取文件夹中的关联信息，得到第一关联信息集合；
S7：当接收已修改Web系统中CSS样式对应的指令信息时，根据所述目标网页路径，加载网页；删除所述文件夹中所有的关联信息，执行步骤S2至S5；获取文件夹中的关联信息，得到第二关联信息集合；
S8：根据所述第一关联信息集合和第二关联信息集合，获取得到所有修改CSS样式对应的网页跳转路径。
本发明的有益效果为：
本发明提供了一种Web系统中样式变更测试方法及终端，在Web系统中未修改CSS样式前及修改CSS样式后，分别通过获取已加载网页上DOM对象对应的HTML文件，从而获取HTML文件中的网页跳转路径，根据网页跳转路径，加载对应的网页，并对网页进行截图，将截图后的图片与对应的网页跳转路径进行关联，得到关联信息；根据修改CSS样式前后对应的关联信息，获取得到所有修改CSS样式对应的网页跳转路径。本发明通过上述方法，在Web系统修改CSS样式后，能够对待检测网页(目标网页路径对应的网页)下所有能够被点击的DOM对应的网页进行是否受到修改判断，具体通过第二关联信息集合中的关联信息的网页跳转路径和该网页的截图图片，与第一关联信息集合中关联信息的网页跳转路径和该网页的截图图片进行对比，可有效判断该网页是否受到修改；本发明能够有效检测CSS样式变更后所有更改网页对应的网页跳转路径，解决了Web系统中CSS样式修改时，会引起多数页面误修改，存在误修改的页面查找遗漏的问题，提高Web系统测试效率。
附图说明
图1为根据本发明实施例的一种Web系统中样式变更测试方法的主要步骤示意图；
图2为根据本发明实施例的一种Web系统中样式变更测试终端的结构示意图；
标号说明：
1、存储器；2、处理器。
具体实施方式
为详细说明本发明的技术内容、所实现目的及效果，以下结合实施方式并配合附图详予说明。
本发明最关键的技术构思为：在Web系统中修改CSS样式前后，分别通过获取已加载网页上DOM对象对应的HTML文件，从而获取HTML文件中的网页跳转路径，根据网页跳转路径，加载对应的网页，并对网页进行截图，将截图后的图片与对应的网页跳转路径进行关联，得到关联信息；根据修改CSS样式前后对应的关联信息，获取得到所有修改CSS样式对应的网页跳转路径。
名字解释：DOM对象(DOM—DocumentObjectModel)是W3C国际组织的一套Web标准。它定义了访问HTML文档对象的一套属性、方法和事件。
请参照图1，本发明提供了一种Web系统中样式变更测试方法，其特征在于，包括以下步骤：
S1：在Web系统未修改CSS样式前，根据目标网页路径，加载网页；
S2：获取当前网页上DOM对象对应的HTML文件，并将所述HTML文件存储于预设的文件夹中；
S3：根据所述HTML文件，获取HTML文件中的网页跳转路径；
S4：根据网页跳转路径，加载网页，对所述网页进行截图，并将截图后的图片与网页对应的网页跳转路径进行关联，得到关联信息，保存所述关联信息于所述文件夹中；
S5：重复执行步骤S2至S4，直至所有的网页跳转路径对应的网页均加载完毕；
S6：获取文件夹中的关联信息，得到第一关联信息集合；
S7：当接收已修改Web系统中CSS样式对应的指令信息时，根据所述目标网页路径，加载网页；删除所述文件夹中所有的关联信息，执行步骤S2至S5；获取文件夹中的关联信息，得到第二关联信息集合；
S8：根据所述第一关联信息集合和第二关联信息集合，获取得到所有修改CSS样式对应的网页跳转路径。
从上述描述可知，本发明提供了一种Web系统中样式变更测试方法，在Web系统中未修改CSS样式前及修改CSS样式后，分别通过获取已加载网页上DOM对象对应的HTML文件，从而获取HTML文件中的网页跳转路径，根据网页跳转路径，加载对应的网页，并对网页进行截图，将截图后的图片与对应的网页跳转路径进行关联，得到关联信息；根据修改CSS样式前后对应的关联信息，获取得到所有修改CSS样式对应的网页跳转路径。本发明通过上述方法，在Web系统修改CSS样式后，能够对待检测网页(目标网页路径对应的网页)下所有能够被点击的DOM对应的网页进行是否受到修改判断，具体通过第二关联信息集合中的关联信息的网页跳转路径和该网页的截图图片，与第一关联信息集合中关联信息的网页跳转路径和该网页的截图图片进行对比，可有效判断该网页是否受到修改；本发明能够有效检测CSS样式变更后所有更改网页对应的网页跳转路径，解决了Web系统中CSS样式修改时，会引起多数页面误修改，存在误修改的页面查找遗漏的问题，提高Web系统测试效率。
进一步的，所述S1和S2之间还包括：
对加载的网页进行截图，得到第一图片，将所述第一图片与所述网页对应的网页跳转路径进行关联，得到第一关联信息，存储第一关联信息于所述文件夹中。
从上述描述可知，通过上述方法，除了能够对目标网页下所有能够被点击的DOM对象对应的网页进行测试并判断该网页是否受到修改，还能够对目标网页本身进行有效的测试并判断其是否受到修改。
进一步的，所述S2具体为：
通过UI工具，模拟浏览器的网络请求；
获取服务器根据所述网络请求返回的HTML超文本流；
根据HTML超文本流，得到HTML文件；
存储所述HTML文件于所述文件夹中。
其中，所述HTML超文本流为HTML超文本对应的二进制流。
从上述描述可知，通过上述方法，能够快速地从网页上获取相应的HTML文件。
进一步的，所述S4具体为：
根据网页跳转路径，加载网页；
判断所述网页在预设时间内是否已经加载过；
若是，则执行步骤S5；
若否，则对所述网页进行截图，并将截图后的图片与网页对应的网页跳转路径进行关联，得到关联信息，保存所述关联信息于预设的文件夹后，执行步骤S5。
从上述描述可知，通过上述方法，能够提高网页检测的效率，及时判断网页是否受到修改，提高Web系统页面显示的质量。
进一步的，所述判断所述网页在预设时间内是否已经加载过具体为：
计算当前加载的网页对应的HTML文件，得到第一HTML文件；
计算所述第一HTML文件的哈希值，得到第一哈希值；
分别计算所述文件夹中所有HTML文件对应的哈希值，得到哈希值列表；
判断所述哈希值列表中是否存在所述第一哈希值，若存在，则该网页在所述时间内已加载过；否则，该网页在所述时间内并未加载。
从上述描述可知，通过上述方法，能够有效对网页是否已加载进行有效判断，提高了数据测试的准确性。
进一步的，所述S8具体为：
S81：依次获取第二关联信息集合中的一个关联信息，得到关联信息中的第一网页跳转路径及对应的第一截图图片；
S82：获取第一关联信息集合中包括第一网页跳转路径的关联信息，得到第二关联信息；计算第一截图图片与所述第二关联信息中的第二截图图片的相似度，得到第一相似度，若所述第一相似度大于预设的相似度阈值，则判断所述第一网页跳转路径对应的网页的CSS样式未修改；否则，判断所述第一网页跳转路径对应的网页的CSS样式已修改；
S83：重复执行步骤S81至S82，直至所述第二关联信息集合中的所有关联信息对应网页的CSS样式是否受到修改均判断完毕为止；
S84：输出所有修改CSS样式的网页对应的网页跳转路径，得到第一路径集合；
S85：所述指令信息包括修改第一目标网页的CSS样式对应的目标网页跳转路径；根据所述目标网页跳转路径和所述第一路径集合，得到第二路径集合，所述第二路径集合中不包括所述目标网页跳转路径。
从上述描述可知，通过上述方法，当Web系统中CSS样式受到修改时，能够准确判断网页是否受到修改，提高了数据判断的准确性。
请参照图2，本发明提供了一种Web系统中样式变更测试终端，包括存储器1、处理器2及存储在存储器1上并可在处理器2上运行的计算机程序，所述处理器执行所述计算机程序时实现以下步骤：
S1：在Web系统未修改CSS样式前，根据目标网页路径，加载网页；
S2：获取当前网页上DOM对象对应的HTML文件，并将所述HTML文件存储于预设的文件夹中；
S3：根据所述HTML文件，获取HTML文件中的网页跳转路径；
S4：根据网页跳转路径，加载网页，对所述网页进行截图，并将截图后的图片与网页对应的网页跳转路径进行关联，得到关联信息，保存所述关联信息于所述文件夹中；
S5：重复执行步骤S2至S4，直至所有的网页跳转路径对应的网页均加载完毕；
S6：获取文件夹中的关联信息，得到第一关联信息集合；
S7：当接收已修改Web系统中CSS样式对应的指令信息时，根据所述目标网页路径，加载网页；删除所述文件夹中所有的关联信息，执行步骤S2至S5；获取文件夹中的关联信息，得到第二关联信息集合；
S8：根据所述第一关联信息集合和第二关联信息集合，获取得到所有修改CSS样式对应的网页跳转路径。
进一步的，所述的一种Web系统中样式变更测试终端，所述S1和S2之间还包括：
对加载的网页进行截图，得到第一图片，将所述第一图片与所述网页对应的网页跳转路径进行关联，得到第一关联信息，存储第一关联信息于所述文件夹中。
进一步的，所述的一种Web系统中样式变更测试终端，所述S2具体为：
通过UI工具，模拟浏览器的网络请求；
获取服务器根据所述网络请求返回的HTML超文本流；
根据HTML超文本流，得到HTML文件；
存储所述HTML文件于所述文件夹中。
进一步的，所述的一种Web系统中样式变更测试终端，所述S4具体为：
根据网页跳转路径，加载网页；
判断所述网页在预设时间内是否已经加载过；
若是，则执行步骤S5；
若否，则对所述网页进行截图，并将截图后的图片与网页对应的网页跳转路径进行关联，得到关联信息，保存所述关联信息于预设的文件夹后，执行步骤S5。
进一步的，所述的一种Web系统中样式变更测试终端，所述判断所述网页在预设时间内是否已经加载过具体为：
计算当前加载的网页对应的HTML文件，得到第一HTML文件；
计算所述第一HTML文件的哈希值，得到第一哈希值；
分别计算所述文件夹中所有HTML文件对应的哈希值，得到哈希值列表；
判断所述哈希值列表中是否存在所述第一哈希值，若存在，则该网页在所述时间内已加载过；否则，该网页在所述时间内并未加载。
进一步的，所述的一种Web系统中样式变更测试终端，所述S8具体为：
S81：依次获取第二关联信息集合中的一个关联信息，得到关联信息中的第一网页跳转路径及对应的第一截图图片；
S82：获取第一关联信息集合中包括第一网页跳转路径的关联信息，得到第二关联信息；计算第一截图图片与所述第二关联信息中的第二截图图片的相似度，得到第一相似度，若所述第一相似度大于预设的相似度阈值，则判断所述第一网页跳转路径对应的网页的CSS样式未修改；否则，判断所述第一网页跳转路径对应的网页的CSS样式已修改；
S83：重复执行步骤S81至S82，直至所述第二关联信息集合中的所有关联信息对应网页的CSS样式是否受到修改均判断完毕为止；
S84：输出所有修改CSS样式的网页对应的网页跳转路径，得到第一路径集合；
S85：所述指令信息包括修改第一目标网页的CSS样式对应的目标网页跳转路径；根据所述目标网页跳转路径和所述第一路径集合，得到第二路径集合，所述第二路径集合中不包括所述目标网页跳转路径。
请参照图1，本发明的实施例一为：
本发明提供了一种Web系统中样式变更测试方法，包括以下步骤：
S1：在Web系统未修改CSS样式前，根据目标网页路径，加载网页；
S105：对加载的网页进行截图，得到第一图片，将所述第一图片与所述网页对应的网页跳转路径进行关联，得到第一关联信息，存储第一关联信息于所述文件夹中；
S2：获取当前网页上DOM对象对应的HTML文件，并将所述HTML文件存储于预设的文件夹中；
其中，所述S2具体为：
通过UI工具，模拟浏览器的网络请求；
获取服务器根据所述网络请求返回的HTML超文本流；
根据HTML超文本流，得到HTML文件；
存储所述HTML文件于所述文件夹中。
优选的，所述HTML超文本流为HTML超文本对应的二进制流。
S3：根据所述HTML文件，获取HTML文件中的网页跳转路径；
其中，所述S3具体为：
1、通过对HTML的解析，获取可点击控件例如：<a>/<button>/<input>等支持点击操作控件所对应的Xpath(XPath即为XML路径语言，它是一种用来确定XML(标准通用标记语言的子集)文档中某部分位置的语言)；
2、通过UI工具和Xpath进行对控件的点击操作；
3、从而能够获取到控件所对应的网页跳转路径。
S4：根据网页跳转路径，加载网页，对所述网页进行截图，并将截图后的图片与网页对应的网页跳转路径进行关联，得到关联信息，保存所述关联信息于所述文件夹中；
其中，所述S4具体为：
根据网页跳转路径，加载网页；
判断所述网页在预设时间内是否已经加载过；
若是，则执行步骤S5；
若否，则对所述网页进行截图，并将截图后的图片与网页对应的网页跳转路径进行关联，得到关联信息，保存所述关联信息于预设的文件夹后，执行步骤S5。
优选的，所述判断所述网页在预设时间内是否已经加载过具体为：
计算当前加载的网页对应的HTML文件，得到第一HTML文件；
计算所述第一HTML文件的哈希值，得到第一哈希值；
分别计算所述文件夹中所有HTML文件对应的哈希值，得到哈希值列表；
判断所述哈希值列表中是否存在所述第一哈希值，若存在，则该网页在所述时间内已加载过；否则，该网页在所述时间内并未加载。
优选的，预设时间为测试一次Web系统所需要的最大时间。
S5：重复执行步骤S2至S4，直至所有的网页跳转路径对应的网页均加载完毕；
S6：获取文件夹中的关联信息，得到第一关联信息集合；
S7：当接收已修改Web系统中CSS样式对应的指令信息时，根据所述目标网页路径，加载网页；删除所述文件夹中所有的关联信息，执行步骤S2至S5；获取文件夹中的关联信息，得到第二关联信息集合；
S8：根据所述第一关联信息集合和第二关联信息集合，获取得到所有修改CSS样式对应的网页跳转路径。
所述S8具体为：
S81：依次获取第二关联信息集合中的一个关联信息，得到关联信息中的第一网页跳转路径及对应的第一截图图片；
S82：获取第一关联信息集合中包括第一网页跳转路径的关联信息，得到第二关联信息；计算第一截图图片与所述第二关联信息中的第二截图图片的相似度，得到第一相似度，若所述第一相似度大于预设的相似度阈值，则判断所述第一网页跳转路径对应的网页的CSS样式未修改；否则，判断所述第一网页跳转路径对应的网页的CSS样式已修改；
S83：重复执行步骤S81至S82，直至所述第二关联信息集合中的所有关联信息对应网页的CSS样式是否受到修改均判断完毕为止；
S84：输出所有修改CSS样式的网页对应的网页跳转路径，得到第一路径集合；
S85：所述指令信息包括修改第一目标网页的CSS样式对应的目标网页跳转路径；根据所述目标网页跳转路径和所述第一路径集合，得到第二路径集合，所述第二路径集合中不包括所述目标网页跳转路径。
其中，所述第二路径集合包括了所有误修改CSS样式的网页；CSS样式为层叠样式表；所述相似度阈值为99％。
请参照图2，本发明的实施例二为：
本发明提供了一种Web系统中样式变更测试终端，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现以下步骤：
S1：在Web系统未修改CSS样式前，根据目标网页路径，加载网页；
S105：对加载的网页进行截图，得到第一图片，将所述第一图片与所述网页对应的网页跳转路径进行关联，得到第一关联信息，存储第一关联信息于所述文件夹中；
S2：获取当前网页上DOM对象对应的HTML文件，并将所述HTML文件存储于预设的文件夹中；
其中，所述S2具体为：
通过UI工具，模拟浏览器的网络请求；
获取服务器根据所述网络请求返回的HTML超文本流；
根据HTML超文本流，得到HTML文件；
存储所述HTML文件于所述文件夹中。
优选的，所述HTML超文本流为HTML超文本对应的二进制流。
S3：根据所述HTML文件，获取HTML文件中的网页跳转路径；
其中，所述S3具体为：
1、通过对HTML的解析，获取可点击控件例如：<a>/<button>/<input>等支持点击操作控件所对应的Xpath(XPath即为XML路径语言，它是一种用来确定XML(标准通用标记语言的子集)文档中某部分位置的语言)；
2、通过UI工具和Xpath进行对控件的点击操作；
3、从而能够获取到控件所对应的网页跳转路径。
S4：根据网页跳转路径，加载网页，对所述网页进行截图，并将截图后的图片与网页对应的网页跳转路径进行关联，得到关联信息，保存所述关联信息于所述文件夹中；
其中，所述S4具体为：
根据网页跳转路径，加载网页；
判断所述网页在预设时间内是否已经加载过；
若是，则执行步骤S5；
若否，则对所述网页进行截图，并将截图后的图片与网页对应的网页跳转路径进行关联，得到关联信息，保存所述关联信息于预设的文件夹后，执行步骤S5。
优选的，所述判断所述网页在预设时间内是否已经加载过具体为：
计算当前加载的网页对应的HTML文件，得到第一HTML文件；
计算所述第一HTML文件的哈希值，得到第一哈希值；
分别计算所述文件夹中所有HTML文件对应的哈希值，得到哈希值列表；
判断所述哈希值列表中是否存在所述第一哈希值，若存在，则该网页在所述时间内已加载过；否则，该网页在所述时间内并未加载。
优选的，预设时间为测试一次Web系统所需要的最大时间。
S5：重复执行步骤S2至S4，直至所有的网页跳转路径对应的网页均加载完毕；
S6：获取文件夹中的关联信息，得到第一关联信息集合；
S7：当接收已修改Web系统中CSS样式对应的指令信息时，根据所述目标网页路径，加载网页；删除所述文件夹中所有的关联信息，执行步骤S2至S5；获取文件夹中的关联信息，得到第二关联信息集合；
S8：根据所述第一关联信息集合和第二关联信息集合，获取得到所有修改CSS样式对应的网页跳转路径。
所述S8具体为：
S81：依次获取第二关联信息集合中的一个关联信息，得到关联信息中的第一网页跳转路径及对应的第一截图图片；
S82：获取第一关联信息集合中包括第一网页跳转路径的关联信息，得到第二关联信息；计算第一截图图片与所述第二关联信息中的第二截图图片的相似度，得到第一相似度，若所述第一相似度大于预设的相似度阈值，则判断所述第一网页跳转路径对应的网页的CSS样式未修改；否则，判断所述第一网页跳转路径对应的网页的CSS样式已修改；
S83：重复执行步骤S81至S82，直至所述第二关联信息集合中的所有关联信息对应网页的CSS样式是否受到修改均判断完毕为止；
S84：输出所有修改CSS样式的网页对应的网页跳转路径，得到第一路径集合；
S85：所述指令信息包括修改第一目标网页的CSS样式对应的目标网页跳转路径；根据所述目标网页跳转路径和所述第一路径集合，得到第二路径集合，所述第二路径集合中不包括所述目标网页跳转路径。
其中，所述第二路径集合包括了所有误修改CSS样式的网页；CSS样式为层叠样式表。
综上所述，本发明提供了一种Web系统中样式变更测试方法及终端，在Web系统中未修改CSS样式前及修改CSS样式后，分别通过获取已加载网页上DOM对象对应的HTML文件，从而获取HTML文件中的网页跳转路径，根据网页跳转路径，加载对应的网页，并对网页进行截图，将截图后的图片与对应的网页跳转路径进行关联，得到关联信息；根据修改CSS样式前后对应的关联信息，获取得到所有修改CSS样式对应的网页跳转路径。本发明通过上述方法，在Web系统修改CSS样式后，能够对待检测网页(目标网页路径对应的网页)下所有能够被点击的DOM对应的网页进行是否受到修改判断，具体通过第二关联信息集合中的关联信息的网页跳转路径和该网页的截图图片，与第一关联信息集合中关联信息的网页跳转路径和该网页的截图图片进行对比，可有效判断该网页是否受到修改；本发明能够有效检测CSS样式变更后所有更改网页对应的网页跳转路径，解决了Web系统中CSS样式修改时，会引起多数页面误修改，存在误修改的页面查找遗漏的问题，提高Web系统测试效率。
以上所述仅为本发明的实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等同变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。

Claims (9)

1.一种Web系统中样式变更测试方法，其特征在于，包括以下步骤：
S1：在Web系统未修改CSS样式前，根据目标网页路径，加载网页；
S2：获取当前网页上DOM对象对应的HTML文件，并将所述HTML文件存储于预设的文件夹中；
S3：根据所述HTML文件，获取HTML文件中的网页跳转路径；
S4：根据网页跳转路径，加载网页，对所述网页进行截图，并将截图后的图片与网页对应的网页跳转路径进行关联，得到关联信息，保存所述关联信息于所述文件夹中；
S5：重复执行步骤S2至S4，直至所有的网页跳转路径对应的网页均加载完毕；
S6：获取文件夹中的关联信息，得到第一关联信息集合；
S7：当接收已修改Web系统中CSS样式对应的指令信息时，根据所述目标网页路径，加载网页；删除所述文件夹中所有的关联信息，执行步骤S2至S5；获取文件夹中的关联信息，得到第二关联信息集合；
S8：根据所述第一关联信息集合和第二关联信息集合，获取得到所有修改CSS样式对应的网页跳转路径；
所述S8具体为：
S81：依次获取第二关联信息集合中的一个关联信息，得到关联信息中的第一网页跳转路径及对应的第一截图图片；
S82：获取第一关联信息集合中包括第一网页跳转路径的关联信息，得到第二关联信息；计算第一截图图片与所述第二关联信息中的第二截图图片的相似度，得到第一相似度，若所述第一相似度大于预设的相似度阈值，则判断所述第一网页跳转路径对应的网页的CSS样式未修改；否则，判断所述第一网页跳转路径对应的网页的CSS样式已修改；
S83：重复执行步骤S81至S82，直至所述第二关联信息集合中的所有关联信息对应网页的CSS样式是否受到修改均判断完毕为止；
S84：输出所有修改CSS样式的网页对应的网页跳转路径，得到第一路径集合；
S85：所述指令信息包括修改第一目标网页的CSS样式对应的目标网页跳转路径；根据所述目标网页跳转路径和所述第一路径集合，得到第二路径集合，所述第二路径集合中不包括所述目标网页跳转路径。
2.根据权利要求1所述的一种Web系统中样式变更测试方法，其特征在于，所述S1和S2之间还包括：
对加载的网页进行截图，得到第一图片，将所述第一图片与所述网页对应的网页跳转路径进行关联，得到第一关联信息，存储第一关联信息于所述文件夹中。
3.根据权利要求1所述的一种Web系统中样式变更测试方法，其特征在于，所述S2具体为：
通过UI工具，模拟浏览器的网络请求；
获取服务器根据所述网络请求返回的HTML超文本流；
根据HTML超文本流，得到HTML文件；
存储所述HTML文件于所述文件夹中。
4.根据权利要求1所述的一种Web系统中样式变更测试方法，其特征在于，所述S4具体为：
根据网页跳转路径，加载网页；
判断所述网页在预设时间内是否已经加载过；
若是，则执行步骤S5；
若否，则对所述网页进行截图，并将截图后的图片与网页对应的网页跳转路径进行关联，得到关联信息，保存所述关联信息于预设的文件夹后，执行步骤S5。
5.根据权利要求4所述的一种Web系统中样式变更测试方法，其特征在于，所述判断所述网页在预设时间内是否已经加载过具体为：
计算当前加载的网页对应的HTML文件，得到第一HTML文件；
计算所述第一HTML文件的哈希值，得到第一哈希值；
分别计算所述文件夹中所有HTML文件对应的哈希值，得到哈希值列表；
判断所述哈希值列表中是否存在所述第一哈希值，若存在，则该网页在所述时间内已加载过；否则，该网页在所述时间内并未加载。
6.一种Web系统中样式变更测试终端，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现以下步骤：
S1：在Web系统未修改CSS样式前，根据目标网页路径，加载网页；
S2：获取当前网页上DOM对象对应的HTML文件，并将所述HTML文件存储于预设的文件夹中；
S3：根据所述HTML文件，获取HTML文件中的网页跳转路径；
S4：根据网页跳转路径，加载网页，对所述网页进行截图，并将截图后的图片与网页对应的网页跳转路径进行关联，得到关联信息，保存所述关联信息于所述文件夹中；
S5：重复执行步骤S2至S4，直至所有的网页跳转路径对应的网页均加载完毕；
S6：获取文件夹中的关联信息，得到第一关联信息集合；
S7：当接收已修改Web系统中CSS样式对应的指令信息时，根据所述目标网页路径，加载网页；删除所述文件夹中所有的关联信息，执行步骤S2至S5；获取文件夹中的关联信息，得到第二关联信息集合；
S8：根据所述第一关联信息集合和第二关联信息集合，获取得到所有修改CSS样式对应的网页跳转路径；
所述S8具体为：
S81：依次获取第二关联信息集合中的一个关联信息，得到关联信息中的第一网页跳转路径及对应的第一截图图片；
S82：获取第一关联信息集合中包括第一网页跳转路径的关联信息，得到第二关联信息；计算第一截图图片与所述第二关联信息中的第二截图图片的相似度，得到第一相似度，若所述第一相似度大于预设的相似度阈值，则判断所述第一网页跳转路径对应的网页的CSS样式未修改；否则，判断所述第一网页跳转路径对应的网页的CSS样式已修改；
S83：重复执行步骤S81至S82，直至所述第二关联信息集合中的所有关联信息对应网页的CSS样式是否受到修改均判断完毕为止；
S84：输出所有修改CSS样式的网页对应的网页跳转路径，得到第一路径集合；
S85：所述指令信息包括修改第一目标网页的CSS样式对应的目标网页跳转路径；根据所述目标网页跳转路径和所述第一路径集合，得到第二路径集合，所述第二路径集合中不包括所述目标网页跳转路径。
7.根据权利要求6所述的一种Web系统中样式变更测试终端，其特征在于，所述S1和S2之间还包括：
对加载的网页进行截图，得到第一图片，将所述第一图片与所述网页对应的网页跳转路径进行关联，得到第一关联信息，存储第一关联信息于所述文件夹中。
8.根据权利要求6所述的一种Web系统中样式变更测试终端，其特征在于，所述S2具体为：
通过UI工具，模拟浏览器的网络请求；
获取服务器根据所述网络请求返回的HTML超文本流；
根据HTML超文本流，得到HTML文件；
存储所述HTML文件于所述文件夹中。
9.根据权利要求6所述的一种Web系统中样式变更测试终端，其特征在于，所述S4具体为：
根据网页跳转路径，加载网页；
判断所述网页在预设时间内是否已经加载过；
若是，则执行步骤S5；
若否，则对所述网页进行截图，并将截图后的图片与网页对应的网页跳转路径进行关联，得到关联信息，保存所述关联信息于预设的文件夹后，执行步骤S5。
CN201810227736.0A 2018-03-20 2018-03-20 一种Web系统中样式变更测试方法及终端 Active CN110309044B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201810227736.0A CN110309044B (zh) 2018-03-20 2018-03-20 一种Web系统中样式变更测试方法及终端

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201810227736.0A CN110309044B (zh) 2018-03-20 2018-03-20 一种Web系统中样式变更测试方法及终端

Publications (2)

Publication Number Publication Date
CN110309044A CN110309044A (zh) 2019-10-08
CN110309044B true CN110309044B (zh) 2022-10-21

Family

ID=68073837

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201810227736.0A Active CN110309044B (zh) 2018-03-20 2018-03-20 一种Web系统中样式变更测试方法及终端

Country Status (1)

Country Link
CN (1) CN110309044B (zh)

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102663126A (zh) * 2012-04-23 2012-09-12 奇智软件（北京）有限公司 一种在移动终端中显示网页的方法及装置
CN104217037A (zh) * 2012-04-23 2014-12-17 北京奇虎科技有限公司 一种在移动终端中显示网页的方法及装置
CN105678166A (zh) * 2015-12-18 2016-06-15 北京神州绿盟信息安全科技股份有限公司 一种篡改引擎测试方法和装置
CN105989126A (zh) * 2015-02-15 2016-10-05 阿里巴巴集团控股有限公司 一种网页显示方法及装置

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8788577B2 (en) * 2010-06-22 2014-07-22 Akamai Technologies, Inc. Method and system for automated analysis and transformation of web pages
US20120110437A1 (en) * 2010-10-28 2012-05-03 Microsoft Corporation Style and layout caching of web content

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102663126A (zh) * 2012-04-23 2012-09-12 奇智软件（北京）有限公司 一种在移动终端中显示网页的方法及装置
CN104217037A (zh) * 2012-04-23 2014-12-17 北京奇虎科技有限公司 一种在移动终端中显示网页的方法及装置
CN105989126A (zh) * 2015-02-15 2016-10-05 阿里巴巴集团控股有限公司 一种网页显示方法及装置
CN105678166A (zh) * 2015-12-18 2016-06-15 北京神州绿盟信息安全科技股份有限公司 一种篡改引擎测试方法和装置

Also Published As

Publication number Publication date
CN110309044A (zh) 2019-10-08

Similar Documents

Publication Publication Date Title
US10713149B2 (en) Processing automation scripts of software
US10613971B1 (en) Autonomous testing of web-based applications
CN110704304B (zh) 一种应用程序测试方法、装置、存储介质和服务器
US20150227498A1 (en) Browser and operating system compatibility
CN109947637B (zh) 网页兼容性自动化测试方法、装置、设备及介质
US10303760B2 (en) Cascading style sheet meta language performance
CN106844486A (zh) 爬取动态网页的方法及装置
US11797639B2 (en) Systems and methods for development of web products
CN111679976A (zh) 一种页面对象的查找方法及装置
CN107038117B (zh) 一种基于事件处理函数间定义-引用的web自动化测试方法
CN115186274A (zh) 基于iast的安全测试方法及装置
CN111949903B (zh) 一种网页数据采集方法、装置、设备及可读存储介质
CN111158973B (zh) 一种web应用动态演化监测方法
US8161109B2 (en) Client side culling of dynamic resources
CN110532458B (zh) 一种查找方式的确定方法、确定装置、服务器及存储介质
CN110309044B (zh) 一种Web系统中样式变更测试方法及终端
Nabuco et al. Inferring user interface patterns from execution traces of web applications
CN115481025A (zh) 自动化测试的脚本录制方法、装置、计算机设备及介质
US20140245159A1 (en) Transport script generation based on a user interface script
CN113377645B (zh) 一种web网站页面输入非法字符的测试方法及其系统
CN110147477B (zh) Web系统的数据资源模型化提取方法、装置以及设备
CN110704483A (zh) 用户路由流程定位方法、设备、存储介质及装置
CN113612745B (zh) 一种漏洞检测方法、系统、设备以及介质
CN115203060B (zh) 一种基于iast的安全测试方法及装置
WO2020260943A1 (en) Detecting relationships between web services in a web-based computing system

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
GR01 Patent grant
GR01 Patent grant