mp-vue/栏目记忆功能测试指南.md

🧪 栏目选择记忆功能测试指南

🎯 测试目标

验证栏目选择记忆功能是否按预期工作，确保用户体验的提升。

📋 测试准备

环境要求

• 浏览器支持 localStorage
• 已登录 CMS 系统
• 至少有 2-3 个不同的栏目可供选择

测试数据

• 栏目A：例如"技术文章"
• 栏目B：例如"产品动态"
• 栏目C：例如"公司新闻"

🔬 详细测试用例

测试用例 1：首次使用记忆功能

步骤：

1. 清空浏览器 localStorage（可选，模拟首次使用）
2. 进入文章管理页面
3. 点击"添加文章"按钮
4. 观察栏目选择框的状态
5. 选择"栏目A"
6. 填写文章标题和内容
7. 保存文章

预期结果：

• 初始状态栏目选择框为空或显示默认值
• 选择栏目A后，系统应该记住这个选择
• 保存成功后，栏目A被保存到 localStorage

验证方法：

• 打开浏览器开发者工具
• 查看 Application > Local Storage
• 确认存在 cms_article_last_category 键，值为栏目A的ID

---

测试用例 2：记忆功能恢复

步骤：

1. 在测试用例1的基础上
2. 关闭添加文章弹窗
3. 重新点击"添加文章"按钮
4. 观察栏目选择框的状态

预期结果：

• 栏目选择框应该自动显示"栏目A"
• 用户无需重新选择栏目

验证方法：

• 确认栏目选择框的值确实是栏目A
• 确认这是自动填入的，不是用户手动选择的

---

测试用例 3：更换栏目记忆

步骤：

1. 在测试用例2的基础上
2. 将栏目从"栏目A"改为"栏目B"
3. 填写文章内容并保存
4. 重新打开添加文章弹窗

预期结果：

• 保存后，localStorage 中的值应该更新为栏目B的ID
• 重新打开弹窗时，应该显示"栏目B"

验证方法：

• 检查 localStorage 中的值是否已更新
• 确认新弹窗中显示的是栏目B

---

测试用例 4：从栏目页面添加文章

步骤：

1. 进入栏目管理页面
2. 找到"栏目C"，点击其"添加文章"按钮
3. 观察栏目选择框的状态
4. 填写文章内容并保存
5. 重新从文章管理页面点击"添加文章"

预期结果：

• 从栏目C页面打开的弹窗应该显示"栏目C"
• 保存后，记忆应该更新为栏目C
• 从文章管理页面重新打开时，应该显示栏目C

验证方法：

• 确认优先级策略正确工作
• 确认传入的栏目ID优先于记忆的栏目ID

---

测试用例 5：编辑文章不影响记忆

步骤：

1. 确保当前记忆的栏目是"栏目C"
2. 编辑一篇属于"栏目A"的现有文章
3. 修改文章内容（不修改栏目）
4. 保存文章
5. 重新打开添加文章弹窗

预期结果：

• 编辑时显示的栏目应该是文章原有的栏目A
• 保存后，记忆的栏目仍然是栏目C（不变）
• 新建文章时仍然显示栏目C

验证方法：

• 确认编辑操作不会影响栏目记忆
• 确认新增和编辑的逻辑完全独立

---

测试用例 6：跨会话持久化

步骤：

1. 确保当前记忆的栏目是"栏目C"
2. 完全关闭浏览器
3. 重新打开浏览器并登录系统
4. 点击"添加文章"按钮

预期结果：

• 栏目选择框应该仍然显示"栏目C"
• 记忆功能跨会话保持有效

验证方法：

• 确认 localStorage 数据在浏览器重启后仍然存在
• 确认功能正常恢复

---

测试用例 7：手动选择栏目的即时保存

步骤：

1. 打开添加文章弹窗
2. 当前显示栏目A，手动改为栏目B
3. 不保存文章，直接关闭弹窗
4. 重新打开添加文章弹窗

预期结果：

• 手动选择栏目B后，应该立即保存到记忆中
• 重新打开弹窗时应该显示栏目B
• 即使没有保存文章，栏目记忆也应该更新

验证方法：

• 确认栏目选择的 onChange 事件正确触发保存
• 确认不依赖文章保存就能更新记忆

---

🔍 边界情况测试

边界测试 1：清空栏目选择

步骤：

1. 打开添加文章弹窗（当前有记忆的栏目）
2. 点击栏目选择框的"清空"按钮
3. 观察系统行为

预期结果：

• 栏目选择框应该变为空
• 系统应该正常处理空值情况

边界测试 2：无效栏目ID

步骤：

1. 手动修改 localStorage 中的栏目ID为一个不存在的值
2. 刷新页面并打开添加文章弹窗
3. 观察系统行为

预期结果：

• 系统应该优雅地处理无效ID
• 栏目选择框应该显示为空或默认状态
• 不应该出现错误提示

边界测试 3：localStorage 不可用

步骤：

1. 禁用浏览器的 localStorage 功能
2. 尝试使用栏目记忆功能
3. 观察系统行为

预期结果：

• 系统应该正常工作，只是没有记忆功能
• 不应该出现 JavaScript 错误
• 功能应该优雅降级

---

✅ 测试检查清单

基础功能

• 首次选择栏目能够正确保存
• 重新打开弹窗能够正确恢复栏目
• 更换栏目能够正确更新记忆
• 手动选择栏目能够即时保存

优先级策略

• 从栏目页面添加文章时优先使用传入栏目
• 其他情况下使用记忆的栏目
• 编辑文章时不影响栏目记忆

持久化

• 关闭浏览器后重新打开仍然有效
• localStorage 数据格式正确
• 数据读写操作正常

用户体验

• 功能对用户透明，不干扰正常操作
• 栏目选择状态清晰可见
• 没有不必要的提示或干扰

错误处理

• 无效栏目ID的处理
• localStorage 不可用时的降级
• 空值和边界情况的处理

---

🎯 测试通过标准

所有测试用例都应该通过，特别是：

1. 核心功能正常：记忆和恢复功能完全正常
2. 优先级正确：各种场景下的栏目选择优先级符合预期
3. 数据持久化：跨会话数据保持有效
4. 用户体验良好：功能提升效率，不造成困扰
5. 错误处理完善：边界情况和异常情况处理得当

通过这些测试，可以确保栏目选择记忆功能稳定可靠，真正提升用户的使用体验！