升级Mathjax-Angular后ng test报TypeError: Cannot read 'then'错误求助

升级Angular应用及mathjax-angular版本后，执行ng test时触发如下错误：

Error: Uncaught (in promise): TypeError: Cannot read properties of undefined (reading 'then') TypeError: Cannot read properties of undefined (reading 'then') at MathjaxDirective.typeset

错误未提供具体spec文件或行号，导致多个测试用例失败却无法快速定位问题。所有涉测spec文件均已完成以下配置：

• 导入语句：import {MathjaxModule} from 'mathjax-angular';
• 在beforeEach()块的imports数组中添加MathjaxModule.forRoot()

错误原因 #

1. 新版本mathjax-angular的MathjaxDirective中，typeset方法依赖的MathJax核心实例未在测试环境中完成初始化，导致返回undefined，调用.then()时抛出类型错误。
2. MathjaxModule.forRoot()在测试环境下的初始化逻辑发生变化，原有的测试配置未适配新版本的异步初始化流程，导致服务实例未正确加载。

解决方案 #

方案1：模拟MathJax服务实例（推荐） #

在测试中替换真实的MathJax服务为模拟实现，避免依赖未初始化的核心实例：

import { TestBed } from '@angular/core/testing';
import { MathjaxModule, MathjaxService } from 'mathjax-angular';

// 模拟MathjaxService，提供空的typeset实现
class MockMathjaxService {
  typeset() {
    return Promise.resolve();
  }
}

beforeEach(async () => {
  await TestBed.configureTestingModule({
    imports: [MathjaxModule], // 改用基础模块，不调用forRoot
    providers: [
      { provide: MathjaxService, useClass: MockMathjaxService }
    ]
  }).compileComponents();
});

方案2：等待MathJax初始化完成 #

若需保留真实服务，可在测试前手动触发并等待初始化完成：

import { TestBed } from '@angular/core/testing';
import { MathjaxModule, MathjaxService } from 'mathjax-angular';

beforeEach(async () => {
  await TestBed.configureTestingModule({
    imports: [MathjaxModule.forRoot()]
  }).compileComponents();
  
  // 获取服务实例并等待初始化完成（需匹配新版本API）
  const mathjaxService = TestBed.inject(MathjaxService);
  if (mathjaxService.init) {
    await mathjaxService.init();
  }
});

方案3：校验版本兼容性 #

确认升级后的Angular版本与mathjax-angular版本是否匹配：

• 查看项目中package.json里mathjax-angular的版本说明，或本地README文件，确认支持的Angular主版本
• 若版本不兼容，回退mathjax-angular到与当前Angular版本适配的旧版本

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