Web测试基础:那些必须知道的概念和前端技术

玩技站长 测试分享评论120字数 992阅读3分18秒阅读模式
摘要HtmlForm表单用户需要输入内容的地方一般有一个表单元素method:GET POSTaction:要打开 提交的目文件Table表格检查表格数据和数据库的一致

Html

Form表单文章源自玩技e族-https://www.playezu.com/185610.html

用户需要输入内容的地方一般有一个表单元素文章源自玩技e族-https://www.playezu.com/185610.html

method:GET/POST文章源自玩技e族-https://www.playezu.com/185610.html

action:要打开/提交的目文件文章源自玩技e族-https://www.playezu.com/185610.html

Table表格文章源自玩技e族-https://www.playezu.com/185610.html

检查表格数据和数据库的一致性文章源自玩技e族-https://www.playezu.com/185610.html

表格的布局检测:填满一条数据检查表格有没有错位:GUI检测文章源自玩技e族-https://www.playezu.com/185610.html

表格的每个字段有排序功能:点一下升序再点一下降序,默认不排序或按照id降序文章源自玩技e族-https://www.playezu.com/185610.html

表格有翻页功能:总数、每行页数、当前页数、总页数、跳转到x页、首页、上页、下页、尾页文章源自玩技e族-https://www.playezu.com/185610.html

翻页和排序要联合测试,还要结合新增和删除一起测试文章源自玩技e族-https://www.playezu.com/185610.html

a超链接元素

链接文字正确性

链接目标地址是否正确是否打开新页面

自动化连接测试工具xenu

input输入框

单行文本型

理论上允许输入所有类型字符(前后一般不能有空格,中间空格等要看需求)但某些有字符类型要求,如用户名

长度检查:最小、最大、最小减一、最大加一

特殊字符测试:' " < > #%_等等

数字型输入框

数字有效性检查:一定是一个有效的数字或带小数点,100/-100/100.555/.555

长度检查:整数部分、小数部分

特殊字符检查:负号、其他特殊字符(多于一个的小数点、千位符)

金额字段直接检查字段类型是否为Decimal,MySQL金额字段只能用Decimal类型,float会丢失精度

用float 二进制存储小数,十进制转二进制除不尽,会丢失精度

用decimal用字符存储

日期型输入框

有效的年1900-9999

月:1-12

日:1-28,29,30,31

闰年润月

日期的有效形式

yyyy-mm-dd HH:MM:SS | yyyy/mm/dd | yyyy.mm.dd

textarea多文本域

检查保存的格式是否正确、缩进换行等

如果是复杂的编辑控件,富文本编辑框(Rich Text)

编程语言提供引用的库类

开发自己写的or抄的:严格测试

radio单选框

一般会有默认值

只能选一个,一定要选一个

可选项应包括所有可能性

checkbox复选框

可以多选

可以不选可选项不一定要包含所有可能

select下拉列表

可以单选,可以多选

不选的时候需要加入一个空项

可以有默认值,有可以没有

有些是可以编辑的,比较少,比如淘宝搜索热词推荐

外键约束检查

button按钮

通常验证按钮文字和行为

按钮连续点击

在可以连续添加的地方,点击按钮后要置灰(不可点击)

默认按钮(易用性)登录,搜索,提交设置为默认,不能将取消设为默认

上传控件

只能上传指定类型的文件(根据文件名后缀)

上传文件的大小要有限制一般<2M,足够了

一般不能上传执行文件(*.exe)和脚本文件(*.vbs(windows);*.sh(linux脚本);.bat(windows脚本)

CSS

层叠样式表

CSS Casecade Style Sheet

CSS是一块块的样式描述;在元素中用class=样式名 调用

需要检测不同浏览器对CSS的样式要求不同

JavaScript

是从服务器传输过来的可以在浏览器中运行的代码,他在浏览器中是万能的

JavaScript一定只能运行在客户端浏览器中

尽量多的采用JS代码,可以减轻服务器的压力

Ajax

异步刷新或局部刷新

AJAX 不是新的编程语言,而是一种使用现有标准的新方法。

AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。

jQUERY

jQuery 是一个 JavaScript 库。

jQuery 极大地简化了 JavaScript 编程。

前端技术的三层

结构层

表示层

行为层

 
匿名

发表评论

匿名网友
确定

拖动滑块以完成验证