如何定位Karma中beforeEach阶段报错的Angular Jasmine测试用例

以下是针对Angular + Jasmine + Karma 测试栈的可落地方法：

方法1：添加Jasmine全局前置钩子打印执行中的用例名 #

Jasmine 原生支持自定义 Reporter，specStarted 回调会在每个测试用例（包含对应的所有beforeEach逻辑）执行前触发，即使后续beforeEach抛出异常，你也可以从控制台最后打印的用例名定位到失败用例。
在src/test.ts中添加如下代码：

jasmine.getEnv().addReporter({
  specStarted: (result) => {
    console.log(`[测试执行开始] ${result.fullName}`);
  }
});

重新运行测试后，报错前最后一行打印的用例即为触发异常的用例。

方法2：开启Karma细粒度日志与控制台转发 #

修改karma.conf.js配置，开启调试级日志和浏览器控制台输出转发，拿到更完整的上下文信息：

module.exports = function(config) {
  config.set({
    // 原有配置保留，新增/修改以下字段
    logLevel: config.LOG_DEBUG,
    browserConsoleLogOptions: {
      level: 'debug',
      terminal: true,
      format: '%b %T: %m'
    },
    client: {
      captureConsole: true
    }
  })
}

同时开启Angular测试的sourceMap，在angular.json中对应test配置下设置sourceMap: true，报错栈会直接映射到源码位置。

方法3：添加全局异常捕获关联用例 #

针对异步beforeEach抛出的未捕获异常，可以添加全局事件监听直接绑定当前执行的用例：
在src/test.ts中添加如下代码：

let activeSpec: jasmine.Spec | null = null;

jasmine.getEnv().addReporter({
  specStarted: (spec) => activeSpec = spec,
  specDone: () => activeSpec = null
});

// 捕获同步异常
window.addEventListener('error', (event) => {
  if (activeSpec) {
    console.error(`❌ 异常触发于测试用例：${activeSpec.fullName}`, event.error);
  }
});

// 捕获异步Promise未处理拒绝
window.addEventListener('unhandledrejection', (event) => {
  if (activeSpec) {
    console.error(`❌ 未处理Promise拒绝触发于测试用例：${activeSpec.fullName}`, event.reason);
  }
});

方法4：增量过滤测试范围快速缩小排查域 #

无需手动删除测试文件，可通过Angular CLI参数指定要执行的测试范围，逐模块/目录验证：

# 仅执行指定目录下的测试用例
ng test --include src/app/module-a/**/*.spec.ts

也可以临时使用Jasmine的fdescribe/fit关键字仅执行指定套件/用例，xdescribe/xit跳过指定套件/用例，逐步缩小范围。

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