Jasmine standalone版如何保存测试结果并在全部测试执行前展示

Jasmine standalone 默认配置下会等所有测试用例执行完毕才一次性渲染结果到 SpecRunner 页面，要实现边跑边展示、同时保存已生成的运行结果，直接通过自定义 Reporter 加少量配置就能实现，不需要修改框架核心源码。

• 开启自带 Reporter 的实时渲染
  打开 standalone 版本根目录的 SpecRunner.html，找到初始化 HtmlReporter 的配置段（在引入 boot.js 的脚本附近），把配置项里的 renderEverySpec 设为 true 即可，开启后每跑完一个用例，页面就会立刻更新对应结果，不需要等全部执行完成。
  配置示例：

  jasmine.getEnv().addReporter(new jasmine.HtmlReporter({
    // 其余原有配置保持不变
    renderEverySpec: true
  }));
  

• 实现运行中结果持久化保存
  如果需要在测试运行过程中同步保存已生成的结果，可以注册自定义 Reporter，在每个用例执行完成的钩子中把结果写入本地存储即可，不需要额外引入依赖：

  const env = jasmine.getEnv();
  // 结果持久化逻辑
  function saveResult(specData) {
    const existResults = JSON.parse(localStorage.getItem('jasmine_running_results') || '[]');
    existResults.push({
      caseName: specData.fullName,
      status: specData.status,
      errorMsg: specData.failedExpectations.map(item => item.message),
      recordTime: Date.now()
    });
    localStorage.setItem('jasmine_running_results', JSON.stringify(existResults));
  }
  // 注册自定义上报器
  env.addReporter({
    specDone: function(result) {
      // 每个用例跑完立刻存结果
      saveResult(result);
    },
    jasmineDone: function() {
      // 全部跑完后可以取出完整结果做导出、上报等操作
      const fullResults = JSON.parse(localStorage.getItem('jasmine_running_results'));
      console.log('全量测试结果：', fullResults);
      // 清空本次缓存，避免影响下次运行
      localStorage.removeItem('jasmine_running_results');
    }
  });
  

如果需要自定义实时展示的样式，不用依赖自带的HtmlReporter，完全可以在specDone钩子里自己拼接DOM插入页面，灵活度更高。

内容的提问来源于stack exchange，提问作者user17668848