51Testing软件测试论坛

标题: Web测试基础：那些必须知道的概念和前端技术 [打印本页]

作者: 测试积点老人 时间: 2020-9-25 10:00
标题: Web测试基础：那些必须知道的概念和前端技术
Html

　　Form表单

　　用户需要输入内容的地方一般有一个表单元素

　　method：GET/POST

　　action：要打开/提交的目文件

　　Table表格

　　检查表格数据和数据库的一致性

　　表格的布局检测：填满一条数据检查表格有没有错位：GUI检测

　　表格的每个字段有排序功能：点一下升序再点一下降序，默认不排序或按照id降序

　　表格有翻页功能：总数、每行页数、当前页数、总页数、跳转到x页、首页、上页、下页、尾页

　　翻页和排序要联合测试，还要结合新增和删除一起测试

　　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 编程。

　　前端技术的三层

　　结构层

　　表示层

　　行为层

作者: 郭小贱 时间: 2020-10-26 14:06
嗯，这个总结的不错的，正好也是做web测试相关的，完善了一些自己遗漏的

欢迎光临 51Testing软件测试论坛 (http://bbs.51testing.com/)