您还未登录! 登录 | 注册 | 帮助  

您的位置: 首页 > 软件测试技术 > web测试 > 正文

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

发表于:2020-11-14 作者:HEREISDAVID 来源:博客园

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

前端技术的三层

结构层

表示层

行为层