功能测试记录

使用案例：创建详细的功能测试记录

对于 QA 工程师和测试人员来说，测试记录不仅仅是文字。带有清晰标注的截图是证明测试覆盖率、展示 Bug 复现路径以及沟通测试结果的最有力证据。Full Page Screenshot 是您测试工具箱中的得力助手。

截图在测试中的价值

• 视觉证据: 一张截图胜过千言万语，直观地展示了在特定步骤下 UI 的实际状态。
• 步骤记录: 为测试用例的每一步都附上一张截图，形成一个完整的、可视化的执行记录。
• 回归测试: 在进行回归测试时，通过对比新旧截图，可以快速发现非预期的 UI 变化。

操作步骤

第一步：按测试用例执行并截图

按照测试用例执行操作，并在关键步骤使用 Full Page Screenshot 捕获当前页面状态。整页截图适合记录长页面，但多步骤交互仍应在每个关键状态分别截图。

第二步：标注测试关键信息

在编辑器中，为您的测试截图添加必要的上下文信息：

1. 使用文本工具: 标注当前的测试用例 ID、操作步骤描述或期望结果。
2. 使用箭头和矩形工具: 高亮显示您正在交互的 UI 元素，或标记出与预期不符的结果。
3. 记录上下文: 扩展会提供 URL、截图时间、视口、模式和图片尺寸；浏览器版本、操作系统和实际屏幕分辨率需要测试人员手动补充。

第三步：整合到测试报告中

将标注好的截图导出，并将其插入到您的测试管理平台（如 TestRail, Zephyr）或测试报告文档中。

将截图与对应的测试步骤关联起来。这样，当其他团队成员（如开发者或产品经理）审查报告时，他们可以清晰地看到每一步的执行情况和最终结果，极大地提升了沟通效率。

最佳实践

提示: 建立一套标准化的截图命名规范，例如 [TestCaseID]_[StepNumber]_[Date].png。这会让您的测试资产管理更加有序，便于日后追溯和审计。