Jasmine测试中无法修改Spy的returnValue问题求助

问题根源 #

你的测试失败核心原因是组件初始化时机错误：

• 在beforeEach中调用了fixture.detectChanges()，这会立即触发组件的ngOnInit方法，此时mockStateService.getUserId()已经返回初始值'1234'，并完成comp.userId的赋值。
• 测试用例中修改mockStateService.getUserId().and.returnValue('')时，ngOnInit早已执行完毕，后续调用fixture.detectChanges()不会重新触发ngOnInit，因此comp.userId不会更新。

另外，你的StateService中getUserId是箭头函数，用jasmine.createSpyObj的对象字面量方式（{ getUserId: '1234' }）创建mock存在隐患：这种方式会直接把mock方法赋值为字符串，而非Spy对象，后续无法通过and.returnValue()动态修改返回值，这也是导致问题的次要原因。

解决方案1：控制组件初始化时机（推荐） #

修改beforeEach逻辑，移除提前触发的fixture.detectChanges()，将组件初始化的控制权交给每个测试用例，确保先设置mock返回值，再触发ngOnInit：

describe('MyComponent', () => {
  let comp: MyComponent;
  let fixture: ComponentFixture<MyComponent>;

  // 先声明Spy方法名，再动态设置返回值
  let mockStateService = jasmine.createSpyObj('StateService', ['getUserId']);

  beforeEach(() => {
    TestBed.configureTestingModule({
      declarations: [MyComponent],
      providers: [
        { provide: StateService, useValue: mockStateService }
      ],
    });
    fixture = TestBed.createComponent(MyComponent);
    comp = fixture.componentInstance;
    // 此处不调用fixture.detectChanges()，避免提前触发ngOnInit
  });

  describe('OnInit', () => {
    it('should set userId correctly when exists', () => {
      mockStateService.getUserId.and.returnValue('1234');
      fixture.detectChanges(); // 此时才触发ngOnInit
      expect(comp.userId).toBe('1234');
    });

    it('should handle empty userId', () => {
      mockStateService.getUserId.and.returnValue('');
      fixture.detectChanges(); // 触发ngOnInit
      expect(comp.userId).toBe('');
      // 这里可添加空userId对应逻辑的断言，比如验证相关方法是否被调用
    });
  });
});

解决方案2：手动重新调用ngOnInit（适配已有测试结构） #

如果无法调整beforeEach的初始化逻辑，可以在测试用例中修改mock返回值后，手动调用组件的ngOnInit方法重新执行：

describe('OnInit', () => {
  it('should handle empty userId', () => {
    mockStateService.getUserId.and.returnValue('');
    comp.ngOnInit(); // 手动触发初始化逻辑
    expect(comp.userId).toBe('');
  });
});

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