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,如需转载请自行联系原作者

相关文章
|
14天前
|
编解码 前端开发 JavaScript
构建高效响应式Web界面:现代前端框架的比较
【4月更文挑战第9天】在移动设备和多样屏幕尺寸盛行的时代,构建能够适应不同视口的响应式Web界面变得至关重要。本文深入探讨了几种流行的前端框架——Bootstrap、Foundation和Tailwind CSS,分析它们在创建响应式设计中的优势与局限。通过对比这些框架的栅格系统、组件库和定制化能力,开发者可以更好地理解如何选择合适的工具来优化前端开发流程,并最终实现高性能、跨平台兼容的用户界面。
|
15天前
|
前端开发 JavaScript 关系型数据库
从前端到后端:构建现代化Web应用的技术探索
在当今互联网时代,Web应用的开发已成为了各行各业不可或缺的一部分。从前端到后端,这篇文章将带你深入探索如何构建现代化的Web应用。我们将介绍多种技术,包括前端开发、后端开发以及各种编程语言(如Java、Python、C、PHP、Go)和数据库,帮助你了解如何利用这些技术构建出高效、安全和可扩展的Web应用。
|
16天前
|
编解码 前端开发 JavaScript
Web 前端开发中的最佳实践
本文将介绍 Web 前端开发中的最佳实践,包括代码组织、性能优化、响应式设计和用户体验等方面。通过遵循这些实践,开发人员可以提高开发效率,优化用户体验,并减少潜在的问题和错误。
|
2天前
|
XML Web App开发 测试技术
python的Web自动化测试
【4月更文挑战第16天】Python在Web自动化测试中广泛应用,借助Selenium(支持多浏览器交互)、BeautifulSoup(解析HTML/XML)、Requests(发送HTTP请求)和Unittest(测试框架)等工具。测试步骤包括环境搭建、编写测试用例、初始化浏览器、访问页面、操作元素、验证结果、关闭浏览器及运行报告。注意浏览器兼容性、动态内容处理和错误处理。这些组合能提升测试效率和质量。
11 6
|
8天前
|
前端开发 搜索推荐 数据安全/隐私保护
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
18 1
|
9天前
|
前端开发 JavaScript vr&ar
前端新技术探索:WebAssembly、Web Components与WebVR/AR
【4月更文挑战第12天】WebAssembly、Web Components和WebVR/AR正重塑Web应用的未来。WebAssembly允许C/C++等语言在Web上高效运行,提供接近原生的性能,如游戏引擎。Web Components通过Custom Elements和Shadow DOM实现可复用的自定义UI组件,提升模块化开发。WebVR/AR(现WebXR)则让VR/AR体验无需额外应用,直接在浏览器中实现。掌握这些技术对前端开发者至关重要。
15 3
|
30天前
|
机器学习/深度学习 前端开发 算法
利用机器学习优化Web前端性能的探索与实践
本文将介绍如何利用机器学习技术来优化Web前端性能,探讨机器学习在前端开发中的应用,以及通过实际案例展示机器学习算法对前端性能优化的效果。通过结合前端技术和机器学习,提升Web应用的用户体验和性能表现。
|
1月前
|
移动开发 前端开发 HTML5
Web前端全栈HTML5通向大神之路
本套课程共三大阶段,六大部分,是WEB前端、混合开发与全栈开发必须要掌握的技能,从基础到实践,是从编程小白成长为全栈大神的最佳教程!
42 3
Web前端全栈HTML5通向大神之路
|
1月前
|
安全 测试技术 API
请描述在 Python WEB 开发中常用的测试方法。
请描述在 Python WEB 开发中常用的测试方法。
18 0
|
1月前
|
监控 前端开发 JavaScript
构建高性能Web应用:前端性能优化的关键策略与实践
本文将深入探讨前端性能优化的关键策略与实践,从资源加载、渲染优化、代码压缩等多个方面提供实用的优化建议。通过对前端性能优化的深入剖析,帮助开发者全面提升Web应用的用户体验和性能表现。