WEB测试之表单和兼容性测试

什么是表单?

表单是用于搜集用户输入信息的，如收集用户输入的文本信息、密码、电子邮件、日期、单选信息、 多选息、上传文件等。

表单是一个包含众多表单元素的区域。 表单区域使用<form>标签来定义。

简单来说，当用户给Web系统提交信息时，就需要使用表单操作。

表单使用场景举例:●用户登录(输入的用户名/密码/验证码)●百度搜索(输入的关键字)●用户已查询商品(商品的名称、订单类型、成交时间、交易状态等等)

如果对软件测试、接口、自动化、性能测试、测试开发、面试经验交流。感兴趣可以加裙485187702，群内会有不定期的发放免费的资料链接，这些资料都是从各个技术网站搜集、整理出来的，如果你有好的学习资料可以私聊发我，我会注明出处之后分享给大家。

表单的真实面目

案例:通过一个前端htm页面，来揭开html表单的真实面目

常见的Html表单元素有: ●选择框《select》●多文本输入框 《textarea》●富文本编辑器--第三方工具: UEditor(百度)、 CKEditor. kindEditor等●文本输入相关 。文本框 《input type=text》 。密码框《input type=password》。隐藏域《input type=hidden》。单选框 《input type=radio》。多选框《input type=checkbox》。上传文件 《input type=file》。提交按钮 《input type=submit》。重置按钮 《input type=reset》。普通按钮 《input type=button》

H5新增了几种类型:。日期框 《input type=date》。邮件框《input type=email)》。URL框 《input type=url》。范围条《input type=range》。搜索框《input type=search》

表单数据添加测试：●添加按钮可用●点击添加按钮，能进入对应的添加页面●输入的内容与标题一致●所有输入字段输入合法数据●重复提交信息，看系统的表现●必填项验证和非必填项验证

表单数据修改测试：●修改按钮可用●点击修改按钮，能够进入相应的修改页面●修改各字段信息时，验证方法同添加;但还需验证添加和修改的一致性●保存修改内容,重新查询修改后的内容●一条数据引用另一条数据，修改被引用数据后，引用数据中是否跟随变化

表单数据删除测试

●可能造成严重后果的删除操作，系统是否支持执行可逆，或给出警告，删除前是否要求确认●删除操作是否正确执行，若删除的内容在文件或数据库中，应作实际校验●对可批星删除记录的系统，删除一个或多个记录， 检查能否正确执行。●删除正在使用信息，系统能否正确处理●不选择任何记录，直接执行删除，检查系统如何处理，是否会出错●关闭删除确认对话框后，记录是否被删除●重新使用已删除的数据

●物理删除:从数据库里彻底的删除了●逻辑删除:在数据库表中，做一个标记位，标记它已经被删除●重要的信息，-般都设计为逻辑删除。比如:淘宝已购买的宝贝●一般不重要的信息，一般都设计成物理删除。比如:购物车中的记录

表单数据查询和统计测试

●对非法的时间范围系统能否正确处理●查询统计语句包含多个与或非条件时，系统能否正确处理●条件逻辑混乱，系统能否正确处理●分类查询、精确查询、模糊查询、无条件查询和组合童询能否完整列出满足条件的记录●当统计时间段为当日、跨日、跨月、跨季、跨年度时，查询统计结果是否正确●能否按系统默认的条件进行查询。

日期: 从 选择日期的: 年月日: 00: 00: 00

到 选择日期的: 年月日: 23: 59: 59

到 选择日期+1

翻页功能

翻页功能一般有以下几个功能: .1.首页、上一页、下一页、尾页2.总页数，当前页数3.指定跳转页4.指定每页显示条数

验证码功能

测试要点:●输入正确的验证码能否正确通过●重新进入验证码输入页面，检查验证码内容是否有变化●刷新页面，检查验证码是否有变化●输入错误的验证码，是否提示有误●将大写的验证码改为小写输入，能否正确通过●检查验证码内容，是否显示完整●检查验证码显示速度，是否符合业界标准或者用户需求●能否成功更换验证码，以及更换速度是否符合要求

表单测试要点总结

●文本框测试点●密码框测试点●日期输入框测试点●电话号码输入框测试点●邮件地址测试点●必填字段测试点●单选框测试点●复选框测试点●下拉列表测试点●表单按钮(提交、取消、重置等)●搜索、排序、分页测试点●共用页面Session测试点

超文本：就是超级文本，将各种不同空间的(文字、图片、视频、电子邮件等)。超文本标记语言：是一种书写超文本的规范，按这种规范编写的超文本，才能够被网页识别。超文本传输协议：是一种简单的请求-响应协议，它通常运行在TCP协议之上，浏览器和服务器之间传输信息全靠它。超链接：从一个网页的某个位置指向另一个目标的链接关系（网页、本网页的一个位置、一个图片、视频等等）

超链接测试的目标：①链接目标内容正确（人工）②保证链接目标是存在（工具）/不存在叫死链接③保证没有孤立页面（工具）即没有链接指向的网页

web兼容性测试：①浏览器兼容性（四大内核）：IE内核：Trident、火狐内核-Gecko、WebKit-谷歌，苹果、谷歌-Blink②平台兼容性：Windows系统、mac苹果系统、Linux系统、其他③分辨率兼容性：1024*768、1280*1024、1440*900台式机、1400*1050、1280*800

超链接测试重要性：●用户体验●政策允许●安全

死链接测试工具xenu

Xenu工具特点：●免费●简单,简洁的用户界面●小，可执行文件小于1 MB●支持SSL网站 (https://)●很好的错误报告●快，10万个链接100个线程耗费100分钟

局限性:只能测试链接存不存在，但无法验证链接的正确性

Xenu检测过程：●从网站的根目录开始搜索●检测超链接目标文件:图片、CSS、 HTML、 Js、 其他文件等资源●记录不存在文件及具体位置●检测孤立页面并记录位置●输出报告

Xenu检测报告：●死链接按链接排序●死链接按页面排序● 重定向URL列表●死锚点链接●孤立文件●测试文件清单●统计

以浏览器兼容性为主、操作系统、分辨率为辅。

浏览器兼容性测试点

●界面:在不同的浏览器中，整体界面可能会错位●控件:在不同的浏览器中，某些控件可能会无法使用，如文本框输入、日期选择框等●图片:在不同的浏览器中，某些图片的背景、位置可能会偏差很大●动画:在不同的浏览器中，某些gif动画或flash动画， 可能会无法显示●响应时间:在不同的浏览器中，某些功能可能加载时间过长，如某些地图界面●超链接:在不同的浏览器中，某些超链接可能会出现点不动问题

浏览器兼容性测试工具

●lETester :只支持IE浏览器的不同版本间的测试，有时候不准确●IE浏览器开发者工具F12 :功能类似为IETester,无需安装●SuperPreview: 只支持IE浏览器的不同版本间的测试●Browsershots :在线浏览器兼容性测试工具，适合单页面检测，缺点是很慢●Multibrowser :支持谷歌、火狐、IE少数几个版本，很多时候不准确●最好的方法:挑选几个能覆盖四大内核的浏览器手工测试，还可以在虚拟机.上安装不同版本的浏览器

总结

●浏览器兼容性测试一般是在其他U|测试、功能测试做完后，再做兼容性测试

●兼容性测试-般用真实的浏览器比较好(工具作为辅助)，即使采用工具进行测试，也必须要用真实的浏览器进行复测

●兼容性测试一般需要覆盖主流平台和主流浏览器，测试页面不仅包含网址首页，还需要包含系统的主流程和主界面。发现BUG需要记录浏览器类型、版本，以及操作系统，位置，准确定位bug产生的原因等。

最后：下面是配套学习资料，对于做【软件测试】的朋友来说应该是最全面最完整的备战仓库，这个仓库也陪伴我走过了最艰难的路程，希望也能帮助到你！【100%无套路免费领取】

软件测试面试小程序

被百万人刷爆的软件测试题库！！！谁用谁知道！！！全网最全面试刷题小程序，手机就可以刷题，地铁上公交上，卷起来！

8小时传疯！大厂面试真题全被大佬整理在这个小程序上了！【软件测试，建议收藏】

涵盖以下这些面试题板块：

1、软件测试基础理论 ，2、web,app，接口功能测试 ，3、网络 ，4、数据库 ，5、linux

6、web,app，接口自动化 ，7、性能测试 ，8、编程基础，9、hr面试题 ，10、开放性测试题，11、安全测试，12、计算机基础 

  全套资料获取方式：点击下方小卡片自行领取即可