如何让ng test --browsers=ChromeHeadless显示spec.ts中describe和it的描述

方法1：命令行直接添加参数 #

运行测试时追加--reporters spec和--log-level debug参数，强制输出describe()和it()中的测试描述：

ng test --browsers=ChromeHeadless --no-watch --progress --include=src/app/interval/interval.spec.ts --reporters spec --log-level debug

其中--reporters spec指定使用spec报告器，该报告器会逐条打印测试用例的描述文本；--log-level debug确保日志级别足够显示这些细节内容。

方法2：修改Karma配置文件（持久化设置） #

如果不想每次命令行都加参数，可修改项目根目录的karma.conf.js：

1. 找到config.set中的reporters配置，确保包含spec：

reporters: ['progress', 'spec'],

2. 调整日志级别为LOG_DEBUG或LOG_INFO：

logLevel: config.LOG_DEBUG,

3. 也可以针对Headless模式单独配置，避免影响正常Chrome浏览器测试：

customLaunchers: {
  ChromeHeadlessCustom: {
    base: 'ChromeHeadless',
    flags: ['--no-sandbox', '--disable-gpu']
  }
},
// 根据运行环境切换报告器和日志级别
reporters: process.env.CI ? ['spec', 'coverage'] : ['progress', 'spec'],
logLevel: process.env.CI ? config.LOG_INFO : config.LOG_DEBUG,

修改完成后，再执行原测试命令即可看到测试描述。

补充说明 #

你的版本组合（Angular 17.0.8 + Jasmine 5.1.0 + Karma 6.4.0）完全兼容上述配置，不存在兼容性问题；--progress参数的进度条显示和spec报告器的测试描述输出可以共存。

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