如何在Jasmine中模拟Angular服务抛出错误并验证事件发射？

针对你的需求，完全可以实现类似Java Mockito的逻辑，在Jasmine里我们可以通过spyOn结合RxJS的throwError来模拟服务方法抛出错误，再通过监听EventEmitter来验证事件是否正确发射。下面是具体的实现步骤和修改后的测试代码：

核心实现思路 #

• 无需修改现有MockManagerService，在目标测试用例中动态替换目标方法的返回值，让它抛出错误
• 触发组件中调用该服务方法的逻辑（比如重新执行组件初始化，或者手动调用对应方法）
• 用Jasmine的间谍工具监听userLoggedIn事件，验证它是否按预期发射了false

完整测试代码及说明 #

首先要确保MockManagerService包含需要的事件发射器和方法空实现：

class MockManagerService { 
  @Output() selectedEventObject: EventEmitter<any> = new EventEmitter(); 
  // 新增userLoggedIn事件发射器，和原服务保持一致
  @Output() userLoggedIn: EventEmitter<boolean> = new EventEmitter();
  getAlertsAndMessagesData(): Observable<any> { 
    const data = {alerts: ''}; 
    return Observable.of(data); 
  } 
  // 新增processError空实现，避免组件调用时报错
  processError(err: Error): void {}
}

然后修改测试用例：

import { throwError } from 'rxjs'; // 导入RxJS的错误抛出操作符

describe('DataComponent', () => { 
  let component: DataComponent; 
  let fixture: ComponentFixture<DataComponent>; 
  // 新增：获取注入的Mock服务实例，方便后续操作
  let mockManagerService: MockManagerService;

  beforeEach(async(() => { 
    TestBed.configureTestingModule({ 
      declarations: [ DataComponent ], 
      imports: [DataTableModule, HttpClientModule], 
      providers: [ { provide: ManagerService, useClass: MockManagerService } ] 
    }).compileComponents(); 
  })); 

  beforeEach(() => { 
    fixture = TestBed.createComponent(DataComponent); 
    component = fixture.componentInstance; 
    // 获取服务实例并断言类型
    mockManagerService = TestBed.inject(ManagerService) as unknown as MockManagerService;
    fixture.detectChanges(); 
  }); 

  it('should be created', () => { 
    expect(component).toBeTruthy(); 
  }); 

  it('should emit false to userLoggedIn when service method throws error', () => {
    // 1. 模拟服务方法抛出错误
    spyOn(mockManagerService, 'getAlertsAndMessagesData')
      .and.returnValue(throwError(() => new Error('Test error')));

    // 2. 创建间谍监听userLoggedIn事件
    const userLoggedInSpy = jasmine.createSpy();
    mockManagerService.userLoggedIn.subscribe(userLoggedInSpy);

    // 3. 重新触发组件初始化（因为beforeEach已经执行过一次ngOnInit，需要重新执行以触发错误逻辑）
    fixture.destroy();
    fixture = TestBed.createComponent(DataComponent);
    component = fixture.componentInstance;
    mockManagerService = TestBed.inject(ManagerService) as unknown as MockManagerService;
    // 重新绑定间谍，因为新组件实例会重新获取服务
    spyOn(mockManagerService, 'getAlertsAndMessagesData')
      .and.returnValue(throwError(() => new Error('Test error')));
    mockManagerService.userLoggedIn.subscribe(userLoggedInSpy);

    // 4. 手动触发组件的初始化逻辑（如果服务方法是在ngOnInit中调用的）
    component.ngOnInit();
    fixture.detectChanges();

    // 5. 验证事件是否正确发射了false
    expect(userLoggedInSpy).toHaveBeenCalledWith(false);
  });
});

额外注意事项 #

• 如果组件是通过用户操作（比如按钮点击）触发服务调用，那不需要重新初始化组件，直接模拟对应的操作即可（比如调用组件的点击处理方法）
• 用jasmine.createSpy()监听事件是最直接的验证方式，它能帮我们捕获事件发射的参数和调用次数
• 确保RxJS版本兼容，throwError在较新版本的RxJS中需要传入一个工厂函数（() => new Error(...)）

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