十七、【测试报告篇】结果可视化：设计直观易懂的测试报告

前言

经过前面的努力，我们的测试平台已经具备了创建、管理测试用例和测试计划，并且能够异步执行测试计划并记录详细的执行结果 (TestRun 和 TestCaseRun 模型)。现在，是时候将这些宝贵的执行结果以清晰、直观的方式展示给用户了——这就是测试报告的功能。

一个好的测试报告能够帮助团队快速了解测试的覆盖情况、通过率、失败点以及性能趋势，是衡量产品质量和定位问题的重要依据。

这篇文章将带你：

1. 在后端为 TestRun 和 TestCaseRun 模型创建 API 接口，以便前端获取报告数据。
2. 在前端设计并实现测试报告的列表页面，展示历次测试执行的概要信息。
3. 设计并实现单个测试报告的详情页面，用图表和列表详细展示该次执行的统计数据、每个用例的执行结果、请求与响应详情、断言结果等。
4. (可选) 引入简单的图表库 (如 ECharts 或 Chart.js 的 Vue 封装) 来可视化统计数据。

我们将分两步实现：

1. 测试报告列表页： 展示所有 TestRun 记录，每条记录是一个可点击的报告入口。