web前端测试要求

http://java.chinaitlab.com/model/874997.html

一般要求1、         尽量在涉及到编码的地方采用UTF8编码。

2、         Html页面的标题要跟当前页面相关,或者跟项目相关。如果有必要定义一个全局变量。

3、         Html页面一般不缓存。

<META HTTP-EQUIV="pragma" CONTENT="no-cache">

<META HTTP-EQUIV="Cache-Control" CONTENT="no-store, must-revalidate">

<META HTTP-EQUIV="expires" CONTENT="0">

4、         尽量减少用户的鼠标/键盘操作。比如:输入框中的内容输入有误,不采用alert框提示(减少一次操作)、焦点直接定位到输入框(减少一次操作)、输入内容自动选定等。在必要的地方提供快捷入口。

5、         代码关键点要有注释。js的方法,html的关键代码段。

页面美工1、         页面要尽量饱满,无特殊情况不要大量留白。

2、         页面要尽量支持多浏览器。

3、         页面要支持1024*768的分辨率。

4、         能不出现滚动条时不要出现滚动条。特别是横向滚动条。

列表页1、         一般列表页分为三个部分:查询区、列表区、翻页区。

2、         查询区要支持三个动作:查询、重置、清空。文本查询条件要考虑是否支持“精确查询”开关。要支持回车提交查询条件。

3、         查询字段取值固定,且值不多时,要使用单选/复选方式显示。如果页面区域不够可用下拉框显示。

4、         查询字段如果需要用户输入,如果输入值有格式要求,一定要明确提示用户输入格式。

5、         查询字段的如果是输入框,虑输入框的显示长度要合理,不能太长或太短。

6、         列表区要显示用户关心的字段,尽量显示更多的内容。

7、         表头一般居中对齐、如果一列的内容宽度相同则居中对齐、如果一列的内容长短不一则居左对齐。如果一列的内容长短不一但内容不长可居中对齐。

8、         如果一列的最大宽度确定,则这一列的宽度固定,不采用百分比。

9、         如果一列的内容太长、还不能折行,此时要对内容进行截取、截取后要能通过title查看全部内容。截取时不要按字符数进行截取,要按照字节数进行截取。

增加/修改页1、         一个信息项需要有三项信息:名称、输入区、说明。对于大家都明白的输入项可没有名称、说明。

2、         必填项要有符号标明。

3、         排列要整齐,相同功能的信息项要放置在一起。

4、         如果页面空旷,可将多个信息项放置在一行。

5、         输入框的长度要合理,可配合页面布局稍长或稍短一些。

弹出页1、         无相关的浏览器工具条。

2、         弹出位置要合理。

3、         弹出页的大小要合理,如果能保证不出现滚动条最好。横向滚动条最好没有。

功能要求一般测试1、         权限测试。是否存在越权访问。以下情况需测试:(1)如果页面要求必须登录,则测试非登录情况下是否可以访问。(2)如果页面访问有权限要求,则测试有权限和无权限的情况。(3)用不同用户进行测试。测试方法可以是:在同一个session下开多个浏览器窗口,通过其中一个浏览器来改变当前登录用户。

2、         通过URL直接访问。将必要的参数拼接到URL中,对页面进行访问。看是否存在越权访问,或者其他异常情况。
3、         出现异常情况,或程序报错时是否有合理的错误页面。不能出现使用用户看不懂的错误页面,特别是错误堆栈页面
查询区测试方法查询区测试的重点是:输入值是否被正确解释成sql查询条件了,查询结果的条数是否正确。因此,测试时最好在程序后台输出查询条件,确认查询条件是否正确。

1、         默认条件测试。什么都不输入。

2、         全条件测试。把所有的条件都输入。

3、         条件组合测试。尽可能多的组合不同的条件进行查询。

4、         一般来说,输入框中的输入值要进行trim处理,如果输入的全部都是空格,则表示什么都未输入。

5、         如果查询条件的输入值有限制,能通过js进行校验的一定要校验。不能通过js校验的,提交到后台要进行过滤处理,处理策略是:如果输入值有问题,则忽略该查询条件,同时将用户提交的输入值清空(如果返回页面中要显示查询条件,该查询条件要清空,不能显示用户输入有误的内容)。

6、         如果有精确查询和模糊查询的开关项,一定要检查该开关项是否生效。

7、         输入框中的输入值至少要对以下几类特殊字符进行测试 :(1)数据库关键字符:单引号、双引号,下划线,百分号等;(2)html代码;(3)js代码。

8、         用户修改了某个查询条件,如果未点击“查询”按钮,此时修改的查询条件不生效,在翻页时查询条件应按照原来的条件进行查询。

9、         输入框中,输入“?,%,_”等特殊字符,是否能正常查询

列表区测试方法列表区重点测试的是页面显示是否正常美观。必要时可直接修改数据库。建议测试时临时修改每页显示记录数为2条。

1、         显示字段的最大长度测试。将字段值输入到最大长度。此种测试分两种情况:一是单字段测试、而是全字段测试。

2、         将字段内容置空。此种测试也分为:单行单字段测试、单行多字段测试、多行单字段测试、多行多字段测试。

3、         关键字段纠错处理

4、         特殊字符测试。重点测试字段内容中出现html代码块、js脚本等内容时是否能正常显示。

5、         列表区一般会有链接功能。测试链接功能是否正常。

翻页区测试方法翻页区重点测试的是页码计算是否正确。

1、         基本翻页功能是否正确:上一页、下一页、首页、末页。

2、         直接跳页功能是否正确。如果页面可自己输入,需测试以下情况:(1)页码不是数字、(2)页码不是正常的数字,比如负数、(3)页面超过最大值。(4)输入空,或者连续的空格。

3、         基本策略:(1)页面不是数字时默认为第一页。(2)页面不是正常的数字默认为第一页。(3)页面超过最大值默认为最后一页。

增加/修改页测试方法增加/修改页测试重点有两个:一基本功能是否正确。二用户交互是否合理。

1、         最小路径测试。什么都不输入,点提交,然后按照提示进行操作,直到能提交为止。

2、         最大错误路径测试。将所有能输错的值都输错,点提交,然后按照提示进行操作,直到能提交为止。

3、         输入值以下情况需要测试:(1)空、(2)超长、(3)特殊字符、特别是html代码和js代码、(4)不满足要求的其他情况。

4、         如果页面上会显示一些已有 的数据库字段信息,要测试这些信息是否会导致页面乱掉。

1 最小路径测试2 最大错误路径测试3 空值测试4 超长测试5 特殊字符测试

5、         URL测试。通过拼接URL的方式提交数据。



本文转自 斯然在天边 51CTO博客,原文链接:http://blog.51cto.com/winters1224/797957,如需转载请自行联系原作者

上一篇:Java+Netty、Vue+Element-UI实现的即时通信应用 leo-im


下一篇:NodeJs——(14)express框架的send()方法简介