Angular Jasmine测试中遭遇‘is not a function’错误求解决方案

快速跑通测试的临时方法 #

• 要是只想先让首个测试通过，直接mock日期格式化相关逻辑就行：
  1. 打开你的component.spec.ts，在TestBed.configureTestingModule的providers里添加mock的日期管道：

     providers: [
       { provide: DatePipe, useValue: { transform: () => '2024-01-01' } }
     ]
     

  2. 如果组件里用了自定义的日期格式化函数，就用spyOn覆盖它：

     beforeEach(() => {
       spyOn(component, 'formatDate').and.returnValue('2024-01-01');
       fixture = TestBed.createComponent(YourComponent);
       component = fixture.componentInstance;
       fixture.detectChanges();
     });
     

规范修复方式 #

• 如果你用了Angular内置的DatePipe，要确保测试模块导入了CommonModule：

  imports: [CommonModule]
  

• 要是用了第三方日期库（比如moment、date-fns），要么在测试文件里导入该库，要么mock对应的格式化方法。

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