大家好我是陪你系统复习的老周。前面讲了测试基础认知、用例设计方法、缺陷管理今天进入实战篇——Web 功能测试。很多刚入行的同学拿到一个页面不知道从哪下手测东点一下西点一下漏测一堆已经入行的同学呢测了几年还是点点点没有体系。今天给你一份从页面导航到兼容性的完整测试清单新人照着做不遗漏老人用它查漏补缺打磨深度。一、Web功能测试是什么Web 功能测试就是验证网页的每个功能是否按照需求正常工作。核心思路是把页面拆成一个个可测的元素和交互逐个验证。一个典型的 Web 页面包含这些可测对象导航栏、菜单、链接按钮、表单、输入框下拉框、复选框、单选框搜索、分页、排序文件上传下载弹窗、提示信息二、页面功能测试点清单导航与链接每个导航菜单能否正确跳转到对应页面面包屑导航是否准确页面内锚点链接是否定位正确外部链接是否在新标签页打开失效链接是否有友好提示404 页面按钮按钮点击后是否触发正确操作按钮状态可点/不可点/加载中是否正确重复快速点击是否会重复提交按钮文案是否与操作一致搜索与筛选输入关键词能否正确搜索空关键词搜索是否有提示特殊字符、超长字符串搜索是否正常多条件组合筛选结果是否正确搜索结果分页、排序是否正常上传下载支持的文件格式能否正常上传不支持的格式是否有明确提示大文件上传是否有进度条和超时处理下载的文件内容是否正确、能否正常打开文件名含中文/特殊字符是否正常三、表单怎么测最容易出Bug的地方表单是 Web 测试的重中之重几乎所有 Bug 都藏在这里。输入框测试点必填项为空时提交是否有校验提示输入合法数据能否正常提交输入边界值最小长度-1、最小长度、最大长度、最大长度1输入特殊字符scriptalert(1)/script测 XSS、SQL 注入字符 or 11--输入前后空格是否自动 trim粘贴超长文本是否截断或报错下拉框/复选框/单选框下拉选项是否完整、默认值是否正确必选下拉未选时提交是否校验复选框全选/反选/取消是否正常单选框能否切换、是否互斥动态联动下拉选省份后加载城市是否正确表单提交提交成功后是否有成功提示、是否跳转或清空提交失败时已填数据是否保留不要让用户重填网络异常时提交是否有友好提示重复提交双击提交按钮、刷新页面是否产生重复数据四、兼容性测试同一个页面在不同环境下可能表现完全不同。浏览器兼容性主流浏览器Chrome、Firefox、Safari、Edge国内特殊360 浏览器、QQ 浏览器双核模式重点检查CSS 样式错乱、JS 报错、布局错位分辨率与响应式常见分辨率1920×1080、1366×768、移动端 375×667缩放浏览器窗口布局是否自适应横向滚动条是否异常出现小屏幕下内容是否被遮挡操作系统Windows / macOS 字体渲染差异移动端 iOS / Android 触摸交互五、易用性测试功能正常不代表好用。易用性关注用户体验操作流程是否符合用户习惯如登录后跳首页还是来源页错误提示是否清晰、告诉用户怎么改按钮位置是否合理、是否容易误点加载慢时是否有 loading 动画不让用户以为卡死Tab 键切换焦点顺序是否合理快捷键支持如 Enter 提交表单六、常见Web缺陷清单缺陷类型典型表现校验缺失必填项为空也能提交边界溢出输入超长字符串导致页面错乱或数据库报错重复提交快速双击按钮产生两条重复数据权限越权普通用户能访问管理员页面会话失效登录过期后操作无提示直接报错兼容性某个浏览器下按钮点不了或样式乱数据残留提交失败后表单数据丢失用户要重填XSS漏洞输入script被执行弹窗或窃取Cookie七、实战案例登录功能完整测试点以最常见的登录功能为例展示完整的测试思路正常场景正确的用户名密码登录成功跳转首页记住密码功能下次自动填充异常场景用户名或密码为空提示请输入用户名/密码用户名正确、密码错误提示用户名或密码错误用户名不存在提示同上不要提示用户名不存在防止枚举密码连续错误 N 次锁定账号或出验证码验证码错误/过期提示并刷新安全场景密码输入框是否为密文typepassword登录请求中密码是否加密传输退出登录后浏览器后退能否回到登录后页面SQL 注入测试用户名输入 or 11XSS 测试用户名输入scriptalert(1)/script性能与体验登录响应时间是否可接受一般 2 秒登录失败后密码框是否清空、用户名是否保留登录中按钮是否置灰防止重复提交经验总结给新人的建议拿到页面先画思维导图把所有可测元素列出来再逐个测不要凭感觉点边界值和异常场景是 Bug 高发区正常流程反而不容易出问题每个输入框都问自己空了会怎样超长会怎样特殊字符会怎样测完一个功能写测试用例下次回归直接用给老人的进阶点从功能对不对升级到用户体验好不好关注易用性和性能学习接口测试配合 Web 测试前后端问题快速定位后面会讲建立自动化回归用例把重复的功能测试自动化Selenium/Playwright关注安全测试基础XSS、CSRF、越权这是测试岗的加分项口诀Web测试拆元素导航按钮和表单 输入框测空边界特殊字符不能忘 下拉复选和单选联动校验要测全 兼容性看浏览器分辨率下查错乱 重复提交防重复权限越权是红线 正常异常加安全登录功能是样板。Web 功能测试的核心就是拆解穷尽边界。把页面拆成最小可测单元每个单元覆盖正常、异常、边界、安全四类场景基本就不会漏测。下周二我们讲接口测试——HTTP 协议、Postman 实战、接口异常怎么定位这是测试工程师从手工走向自动化的关键一步敬请关注。如果这篇对你有帮助欢迎点赞、收藏、关注咱们每周二四六一篇测试实战新人打基础、老人磨实战。#软件测试 #测试工程师 #Web测试 #功能测试 #兼容性测试 #测试用例 #手工测试 #软件测试入门
大家好我是陪你系统复习的老周。前面讲了测试基础认知、用例设计方法、缺陷管理今天进入实战篇——Web 功能测试。很多刚入行的同学拿到一个页面不知道从哪下手测东点一下西点一下漏测一堆已经入行的同学呢测了几年还是点点点没有体系。今天给你一份从页面导航到兼容性的完整测试清单新人照着做不遗漏老人用它查漏补缺打磨深度。一、Web功能测试是什么Web 功能测试就是验证网页的每个功能是否按照需求正常工作。核心思路是把页面拆成一个个可测的元素和交互逐个验证。一个典型的 Web 页面包含这些可测对象导航栏、菜单、链接按钮、表单、输入框下拉框、复选框、单选框搜索、分页、排序文件上传下载弹窗、提示信息二、页面功能测试点清单导航与链接每个导航菜单能否正确跳转到对应页面面包屑导航是否准确页面内锚点链接是否定位正确外部链接是否在新标签页打开失效链接是否有友好提示404 页面按钮按钮点击后是否触发正确操作按钮状态可点/不可点/加载中是否正确重复快速点击是否会重复提交按钮文案是否与操作一致搜索与筛选输入关键词能否正确搜索空关键词搜索是否有提示特殊字符、超长字符串搜索是否正常多条件组合筛选结果是否正确搜索结果分页、排序是否正常上传下载支持的文件格式能否正常上传不支持的格式是否有明确提示大文件上传是否有进度条和超时处理下载的文件内容是否正确、能否正常打开文件名含中文/特殊字符是否正常三、表单怎么测最容易出Bug的地方表单是 Web 测试的重中之重几乎所有 Bug 都藏在这里。输入框测试点必填项为空时提交是否有校验提示输入合法数据能否正常提交输入边界值最小长度-1、最小长度、最大长度、最大长度1输入特殊字符scriptalert(1)/script测 XSS、SQL 注入字符 or 11--输入前后空格是否自动 trim粘贴超长文本是否截断或报错下拉框/复选框/单选框下拉选项是否完整、默认值是否正确必选下拉未选时提交是否校验复选框全选/反选/取消是否正常单选框能否切换、是否互斥动态联动下拉选省份后加载城市是否正确表单提交提交成功后是否有成功提示、是否跳转或清空提交失败时已填数据是否保留不要让用户重填网络异常时提交是否有友好提示重复提交双击提交按钮、刷新页面是否产生重复数据四、兼容性测试同一个页面在不同环境下可能表现完全不同。浏览器兼容性主流浏览器Chrome、Firefox、Safari、Edge国内特殊360 浏览器、QQ 浏览器双核模式重点检查CSS 样式错乱、JS 报错、布局错位分辨率与响应式常见分辨率1920×1080、1366×768、移动端 375×667缩放浏览器窗口布局是否自适应横向滚动条是否异常出现小屏幕下内容是否被遮挡操作系统Windows / macOS 字体渲染差异移动端 iOS / Android 触摸交互五、易用性测试功能正常不代表好用。易用性关注用户体验操作流程是否符合用户习惯如登录后跳首页还是来源页错误提示是否清晰、告诉用户怎么改按钮位置是否合理、是否容易误点加载慢时是否有 loading 动画不让用户以为卡死Tab 键切换焦点顺序是否合理快捷键支持如 Enter 提交表单六、常见Web缺陷清单缺陷类型典型表现校验缺失必填项为空也能提交边界溢出输入超长字符串导致页面错乱或数据库报错重复提交快速双击按钮产生两条重复数据权限越权普通用户能访问管理员页面会话失效登录过期后操作无提示直接报错兼容性某个浏览器下按钮点不了或样式乱数据残留提交失败后表单数据丢失用户要重填XSS漏洞输入script被执行弹窗或窃取Cookie七、实战案例登录功能完整测试点以最常见的登录功能为例展示完整的测试思路正常场景正确的用户名密码登录成功跳转首页记住密码功能下次自动填充异常场景用户名或密码为空提示请输入用户名/密码用户名正确、密码错误提示用户名或密码错误用户名不存在提示同上不要提示用户名不存在防止枚举密码连续错误 N 次锁定账号或出验证码验证码错误/过期提示并刷新安全场景密码输入框是否为密文typepassword登录请求中密码是否加密传输退出登录后浏览器后退能否回到登录后页面SQL 注入测试用户名输入 or 11XSS 测试用户名输入scriptalert(1)/script性能与体验登录响应时间是否可接受一般 2 秒登录失败后密码框是否清空、用户名是否保留登录中按钮是否置灰防止重复提交经验总结给新人的建议拿到页面先画思维导图把所有可测元素列出来再逐个测不要凭感觉点边界值和异常场景是 Bug 高发区正常流程反而不容易出问题每个输入框都问自己空了会怎样超长会怎样特殊字符会怎样测完一个功能写测试用例下次回归直接用给老人的进阶点从功能对不对升级到用户体验好不好关注易用性和性能学习接口测试配合 Web 测试前后端问题快速定位后面会讲建立自动化回归用例把重复的功能测试自动化Selenium/Playwright关注安全测试基础XSS、CSRF、越权这是测试岗的加分项口诀Web测试拆元素导航按钮和表单 输入框测空边界特殊字符不能忘 下拉复选和单选联动校验要测全 兼容性看浏览器分辨率下查错乱 重复提交防重复权限越权是红线 正常异常加安全登录功能是样板。Web 功能测试的核心就是拆解穷尽边界。把页面拆成最小可测单元每个单元覆盖正常、异常、边界、安全四类场景基本就不会漏测。下周二我们讲接口测试——HTTP 协议、Postman 实战、接口异常怎么定位这是测试工程师从手工走向自动化的关键一步敬请关注。如果这篇对你有帮助欢迎点赞、收藏、关注咱们每周二四六一篇测试实战新人打基础、老人磨实战。#软件测试 #测试工程师 #Web测试 #功能测试 #兼容性测试 #测试用例 #手工测试 #软件测试入门
