2.登录页测试用例

|--------------|----------|----------|---------------|--------------------------------------|----------------------------|------------------|-------------------|
| 用例ID | 测试标题 | 测试类型 | 测试场景 | 测试步骤 | 预期结果 | 实际结果 | 其他要素 |
| Login-001 | 核心登录功能测试 | 功能测试 | 正常登录流程 | 1.输入正确的用户名 2.输入正确的密码 3.点击登录按钮 | 登录成功,跳转至主页面 | 符合预期 |   |
| Login-002 | 核心登录功能测试 | 功能测试 | 用户名为空 | 1.用户名为空 2.输入任意密码 3.点击登录按钮 | 提示"请输入用户名",用户名输入框变红 | 符合预期 |   |
| Login-003 | 核心登录功能测试 | 功能测试 | 密码为空 | 1.输入正确用户名 2.密码为空 3.点击登录按钮 | 提示"请输入密码",密码输入框变红 | 符合预期 |   |
| Login-004 | 核心登录功能测试 | 功能测试 | 用户名和密码均为空 | 1.用户名和密码均为空 2.点击登录按钮 | 提示"请输入用户名""请输入密码",两个输入框均变红 | 符合预期 |   |
| UserName-001 | 用户名验证测试 | 功能测试 | 用户名不存在 | 1.输入不存在的用户名 2.输入任意密码 3.点击登录按钮 | 提示"用户名不存在",用户名输入框变红 | 符合预期 |   |
| UserName-002 | 用户名验证测试 | 功能测试 | 用户名包含特殊字符但不存在 | 1.输入包含特殊字符但未注册的用户名 2.输入任意密码 3.点击登录按钮 | 提示"用户名不存在",用户名输入框变红 | 符合预期 |   |
| UserName-003 | 用户名验证测试 | 功能测试 | 用户名包含特殊字符 | 1.输入包含特殊字符且已注册的用户名 2.输入密码 3.点击登录按钮 | 登录成功,跳转至主页面 | 符合预期 |   |
| Password-001 | 密码验证测试 | 功能测试 | 密码长度小于6字符 | 1.输入正确用户名 2.输入长度小于6的密码 3.点击登录按钮 | 提示"密码长度至少为6个字符" | 显示"密码长度至少大于6个字符" | 不符合预期 |
| Password-002 | 密码验证测试 | 功能测试 | 密码长度等于6字符但错误 | 1.输入正确用户名 2.输入6字符的错误密码 3.点击登录按钮 | 提示"密码错误" | 符合预期 |   |
| Password-003 | 密码验证测试 | 功能测试 | 密码长度大于6字符但错误 | 1.输入正确用户名 2.输入大于6字符的错误密码 3.点击登录按钮 | 提示"密码错误" | 符合预期 |   |
| Password-004 | 密码验证测试 | 功能测试 | 密码包含特殊字符,但正确 | 1.输入正确用户名 2.输入包含特殊字符的正确密码 3.点击登录按钮 | 登录成功,跳转至主页面 | 符合预期 |   |
| UI-001 | 输入框交互测试 | 功能测试 | 用户名输入框焦点效果 | 1.点击用户名输入框 | 用户名输入框边框颜色加深 | 符合预期 |   |
| UI-002 | 输入框交互测试 | 功能测试 | 密码输入框焦点效果 | 1.点击密码输入框 | 密码输入框边框颜色加深 | 符合预期 |   |
| UI-003 | 输入框交互测试 | 功能测试 | 输入框焦点切换 | 1.先点击用户名输入框 2.再点击密码输入框 | 用户名输入框恢复正常颜色,密码输入框颜色加深 | 符合预期 |   |
| Nav-001 | 页面跳转测试 | 功能测试 | 忘记密码跳转 | 1.点击"忘记密码"链接 | 成功跳转至忘记密码页面 | 符合预期 |   |
| Nav-002 | 页面跳转测试 | 功能测试 | 注册新账户跳转 | 1.点击"注册新账户"链接 | 成功跳转至注册页面 | 符合预期 |   |
| Nav-003 | 页面跳转测试 | 功能测试 | 帮助跳转 | 1.点击"帮助"链接 | 成功跳转至帮助手册页面 | 符合预期 |   |
| Nav-004 | 页面跳转测试 | 功能测试 | 关于聊天室跳转 | 1.点击"关于聊天室"链接 | 成功跳转至详情介绍页面 | 符合预期 |   |
| UX-001 | 界面友好测试 | 用户体验测试 | 错误提示清晰度 | 1. 输入错误的用户名或密码 2. 查看错误提示 | 错误提示信息清晰易懂,位置明显 | 符合预期 |   |
| UX-002 | 界面友好测试 | 用户体验测试 | 输入框提示文字 | 1.查看输入框下方是否有提示文字 | 用户名和密码输框下方应有提示信息 | 符合预期 |   |
| UX-003 | 界面友好测试 | 用户体验测试 | 登录按钮状态 | 1.观察登录按钮在不同状态下的表现 | 按钮应有适当的悬停、点击效果 | 符合预期 |   |
| RESP-001 | 响应性测试 | 用户体验测试 | 页面加载速度 | 1.记录页面完全加载所需时间 | 页面应在5秒内完全加载 | 符合预期 |   |
| RESP-002 | 响应性测试 | 用户体验测试 | 登录请求响应时间 | 1.输入正确信息 2.点击登录 3.记录跳转时间 | 登录验证和跳转应在5秒内完成 | 符合预期 |   |
| SEC-001 | 响应性测试 | 安全性测试 | 密码掩码显示 | 1.在密码框输入密码 | 密码以圆点显示,不显示明文 | 符合预期 |   |
| COMP-001 | 响应性测试 | 兼容性测试 | 不同浏览器测试 | 1.在不同浏览器中分别测试登录功能 | 各个浏览器中的登录功能正常工作 | 符合预期 |   |
| COMP-002 | 响应性测试 | 兼容性测试 | 移动设备测试 | 1.在手机和平板设备上测试登录功能 | 页面布局正常,功能可用 | 符合预期 |   |
| BOUND-001 | 响应性测试 | 边界值测试用例 | 密码长度边界值 | 1.输入5个字符的密码 2.输入6个字符的密码 3.输入7个字符的密码 | 5字符:提示长度不对 6字符和7字符:长度正常 | 符合预期 |   |
| BOUND-002 | 响应性测试 | 边界值测试用例 | 超长用户名/密码 | 1.输入超长用户名和密码 | 系统正确处理,不崩溃 | 不符合预期 | 显示"用户名不存在",无法正常登录 |

加载时间:

错误提示:

超长用户名和密码

报错:

相关推荐
自进化Agent智能体42 分钟前
Hermes GitHub PR 审查 —— 自动化代码评审
前端
涛涛ing3 小时前
OpenAI Astra 泄露:零样本生成 3D 网页,前端开发者慌了吗?
前端
ssshooter3 小时前
现在网页都能提供 MCP 了?!
前端·人工智能·程序员
杉氧3 小时前
状态管理变迁史:为什么我们放弃了 Redux 选择 Zustand?
android·前端·react native
cidy_983 小时前
OpenCode 手动配置火山方舟 Agent Plan 教程
前端
鹏多多3 小时前
PC 网站接入微信登录,这 10 个坑我替你踩完了!
前端·javascript·vue.js
律宏阔4 小时前
微信小程序使用 Orval + OpenAPI 自动生成接口:Axios 兼容踩坑记录
前端·微信小程序
律宏阔4 小时前
微信小程序集成 TDesign 完整记录:解决 NPM packages not found
前端·微信小程序
律宏阔4 小时前
微信小程序 ECharts 瘦身实战:分包异步化 + componentPlaceholder 避开主包 2MB 限制
前端·微信小程序
夏天要喝冰可乐4 小时前
从 Idea 到开源插件:我用 Vibe Coding 做了「文章摆渡」
前端·ai编程·vibecoding