如何避免Jasmine单元测试因Angular HTML净化警告失败

完全可以仅通过调整测试文件代码解决问题，不需要改动业务组件逻辑，常用方案有两种：

• 方案1：测试模块中替换DomSanitizer实现，跳过HTML清理逻辑
  这是侵入性最低、最稳定的方案，直接在测试模块的依赖注入层替换Angular内置的安全清理服务，从根源避免警告产生。在TestBed.configureTestingModule的providers数组中加入如下配置即可：

  import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
  
  // providers数组内新增
  {
    provide: DomSanitizer,
    useValue: {
      sanitize: (_: unknown, value: string | SafeHtml) => value,
      bypassSecurityTrustHtml: (value: string) => value,
      bypassSecurityTrustStyle: () => '',
      bypassSecurityTrustScript: () => '',
      bypassSecurityTrustUrl: () => '',
      bypassSecurityTrustResourceUrl: () => ''
    }
  }
  

  该配置仅对当前测试文件生效，不会影响其他测试用例，也不会改动业务组件的任何逻辑。

• 方案2：拦截控制台警告，过滤目标报错信息
  如果不想替换DomSanitizer逻辑，可以在测试执行前后劫持console.warn方法，匹配到对应安全警告时直接拦截，避免被测试框架（开启了控制台警告即判定失败的配置）捕获为用例异常：

  let originalWarn: typeof console.warn;
  
  beforeEach(() => {
    // 保存原始warn方法
    originalWarn = console.warn;
    // 重写warn方法
    console.warn = (...args: unknown[]) => {
      // 匹配到目标安全警告直接跳过
      if (typeof args[0] === 'string' && args[0].includes('sanitizing HTML stripped some content')) {
        return;
      }
      // 其余警告正常输出
      originalWarn.apply(console, args);
    };
  });
  
  afterEach(() => {
    // 还原原始warn方法，避免污染其他测试用例
    console.warn = originalWarn;
  });
  

  注意：该方案仅屏蔽警告输出，不会修改Angular实际的HTML清理行为，仅适合框架配置了控制台警告触发用例失败的场景。

补充说明：Angular默认的单元测试配置不会将console.warn判定为用例失败，如果出现警告直接导致用例挂掉的情况，先确认项目中是否开启了类似failOnConsoleWarning、failOnConsoleError的自定义测试配置。

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