Angular测试中subscribe内用expect出现无预期结果问题求助

问题根源 #

你的测试出现「SPEC HAS NO EXPECTATIONS」提示，核心原因有两个：

1. 订阅时机错误：你先调用了toggleUserIsRegistering()触发值发射，再订阅Observable。而普通Subject不会重播已发射的旧值，导致订阅后根本没收到目标值，expect代码从未执行。
2. fakeAsync与DoneFn混用：这两种异步测试方式不能同时使用，fakeAsync本身就可以同步处理异步逻辑，不需要额外的done标记。

修正方案 #

方案一：使用fakeAsync（推荐）

先订阅Observable保存发射值，再触发toggle，最后在订阅外部断言：

it('should contain true value when value is toggled', fakeAsync(() => {
  let emittedValue: boolean | undefined;

  // 先订阅，捕获后续发射的值
  service.userIsRegistering$.pipe(skip(1)).subscribe(value => {
    emittedValue = value;
  });

  // 触发toggle操作
  service.toggleUserIsRegistering();
  flush(); // 清空异步任务队列

  // 在订阅外部执行断言，确保测试框架能捕获到
  expect(emittedValue).toEqual(true);
}));

方案二：使用DoneFn（不混用fakeAsync）

保持订阅在toggle之前，通过done()标记测试完成：

it('should contain true value when value is toggled', (done: DoneFn) => {
  // 先订阅
  service.userIsRegistering$.pipe(skip(1)).subscribe(value => {
    expect(value).toEqual(true);
    done(); // 必须调用done，否则测试会超时
  });

  // 触发toggle操作
  service.toggleUserIsRegistering();
});

额外说明 #

• 你的userIsRegistering$基于普通Subject实现，它是「热Observable」但不会重播历史值，必须保证订阅操作在事件触发前执行才能捕获到值。
• 如果需要Observable能重播最后一次发射的值，可以考虑将Subject替换为BehaviorSubject，但当前业务逻辑用普通Subject足够。

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