页面测试轨迹的检测方法和装置的制造方法_2

文档序号:8498645阅读:来源:国知局
开测试页面时,获取所述测试页面的历史操作点对应的历史坐标;
[0048]当测试人员打开测试页面进行测试操作前,此时会触发相关程序从本地数据库中获取本测试页面之前的历史操作点对应的历史坐标。在本实施例中,可以只获取最近一次或几次测试操作时记录的历史坐标,也可以是获取所有已保存到本地数据库中的历史坐标,具体根据实际需要而设定。此外,如果打开测试页面时为首次页面测试,或者之前的测试中不存在历史操作,则此时获取到的历史坐标为空。
[0049]步骤S20,根据所述测试页面的历史操作点对应的历史坐标,在所述测试页面上标识出所述测试页面的历史操作点对应的历史坐标和历史操作轨迹;
[0050]根据获取到的所述测试页面的历史操作点对应的历史坐标,在所述测试页面上标识出所述测试页面的历史操作点对应的历史坐标和历史操作轨迹。此外,如果步骤SlO中获取到的历史坐标为空,则本步骤中标识出的所述测试页面的历史操作点对应的历史坐标和历史操作轨迹亦为空。
[0051]步骤S30,将所述历史操作轨迹呈现给用户。
[0052]本实施例中在历史操作点对应的历史坐标位置,以视觉图形或视觉颜色等形式,将操作点和操作轨迹显示出来,从而测试人员可以直观地了解已经测试过的控件、测试的流程等,从而可以防止漏测,或者根据显示出来的测试轨迹再做进一步地优化处理。
[0053]本实施例中,在本次打开测试页面时,获取该测试页面本次测试操作之前的历史操作点对应的历史坐标,然后根据保存的历史坐标,在所述测试页面上标识出所述测试页面的历史操作点对应的历史坐标和历史操作轨迹,最后再将各操作点的位置及操作过程的轨迹直观地展现给测试人员,从而为测试人员提供测试参考,提高测试效率。
[0054]进一步地,参照图2,图2为本发明页面测试轨迹的检测方法第二实施例的流程示意图。基于本发明页面测试轨迹的检测方法第一实施例,本实施例中上述步骤S20包括:
[0055]步骤S201,在所述测试页面中生成DIV ;
[0056]DIV(Divis1n,分区)是web技术中的一种对网页页面进行区域分块的技术,在DIV分块区域内根据实际需要可以对页面元素进行多种操作,例如更换字体、显示字体颜色、插入图片等等。在本实施例中,通过生成DIV用以在DIV所属区域内显示操作点及操作轨迹。
[0057]步骤S202,根据所述测试页面的历史操作点对应的历史坐标,调用预设画图脚本以生成与所述历史坐标对应的热点图形和线条图形;
[0058]在本实施例中,调用预设的画图脚本,例如利用raphael.js(—种开源的画图工具),在测试页面的历史操作点对应的历史坐标位置,生成与历史操作点对应的热点图形以及连接各热点图形以显示操作轨迹的线条图形。在本实施例中,如果历史操作点只有一个,则无需描述其操作轨迹,因此不用生成响应的线条图形。但在实际的web测试中,对于测试页面要测试的页面元素非常之多,因此在一次完整地页面测试中不会存在只有一个测试页面操作点需要测试的情况。
[0059]步骤S203,在所述DIV内,以所述热点图形的形式标识出所述测试页面的历史操作点对应的历史坐标,以线条图形的形式标识出所述测试页面的历史操作点对应的历史操作轨迹。
[0060]在测试页面中生成的DIV分块区域内,将测试页面的历史操作点对应的历史坐标和历史操作轨迹,分别通过步骤S202中生成的热点图形和线条图形标识出来。在本实施例中,热点图形可以为任何一种可以展示操作点的图形,例如圆点、菱形点等,如果操作点对应的页面元素较大,例如为一个输入框,或者提交按钮等,则对应的热点图形可以为一个封闭的线圈。热点图形的图形样式(包括颜色等)具体根据实际设计需要而设定。线条图形可以为何一种可以展示操作点操作轨迹的图形,例如曲线、直线、带箭头的线条等,线条图形的图形样式(包括颜色等)具体根据实际需要设定。
[0061]本实施例中,通过在所述测试页面中生成DIV以对测试页面划分显示区域,并根据所述测试页面的历史操作点对应的历史坐标,调用预设画图脚本以生成与所述历史坐标对应的热点图形和线条图形,最后在所述DIV内,以所述热点图形的形式标识出所述测试页面的历史操作点对应的历史坐标,以线条图形的形式标识出所述测试页面的历史操作点对应的历史操作轨迹。通过上述DIV在测试页面上划分出一块用于显示热点和轨迹的区域,同时调用预设的画图脚本,在历史坐标对应位置生成热点图形,并按测试操作流程生成线条图形以显示历史操作轨迹。
[0062]进一步地,基于本发明页面测试轨迹的检测方法第二实施例,本发明页面测试轨迹的检测方法第三实施例的上述步骤S203还包括:当所述历史坐标至少有两个时,将各历史坐标对应的所述热点图形按对应所述历史坐标记录的顺序以所述线条图形串联起来。
[0063]本实施例中,当测试页面历史操作点对应的历史坐标至少有两个时,调用预设画图脚本将各历史坐标对应的热点图形按对应历史坐标记录的顺序以线条图形串联起来,为了更加清楚显示出历史操作点的操作轨迹,本实施例中的线条图形可以为线条箭头或者其他能展示出操作轨迹的图形。
[0064]进一步地,参照图3,图3为本发明页面测试轨迹的检测方法第四实施例,基于本发明页面测试轨迹的检测方法的第一至第三实施例中任一实施例,本实施例中页面测试轨迹的检测方法还包括记录页面测试时各操作点对应的坐标,包括如下步骤:
[0065]步骤S40,监测所述测试页面上是否存在操作指令;
[0066]为动态记录下测试页面的每次测试操作点对应的坐标,需要动态监测所述测试页面上是否存在操作指令。
[0067]步骤S50,当所述测试页面存在操作指令时,记录所述测试页面当前操作点对应的坐标并保存,以供下次打开所述测试页面时获取。
[0068]当所述测试页面存在操作指令时,此时会记录下当前操作点对应的坐标,然后再将记录的所述坐标保存到本地数据库中。
[0069]本实施例中,上述步骤S40和S50既可以在步骤SlO前执行,也可以在步骤S30后执行。本实施例以在步骤S1前执行为例说明。通过监测测试页面上是否存在操作指令,以实现对页面测试中动态记录各操作点对应的坐标,同时,将记录下来的坐标保存到本地数据库中,以供下次打开同一测试页面时,获取本地数据库中的历史操作点对应的各历史坐标,从而实现对各历史操作点及操作轨迹的标识。
[0070]进一步地,基于本发明页面测试轨迹的检测方法第四实施例,本发明页面测试轨迹的检测方法第五实施例的上述步骤S50还包括:当所述测试页面当前同一操作点存在重复操作指令时,记录该操作点重复操作的次数和该操作点对应的坐标并保存。
[0071]本实施例中,当测试页面当前同一操作点存在重复操作指令时,同时记录该操作点重复操作的次数和该操作点对应的坐标并保存到本地数据库中。记录该操作点重复操作的次数可以为测试人员提供数据参考。同时重
当前第2页1 2 3 4 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1