Jasmine测试报错：Cannot read property 'subscribe' of undefined排查

你的问题出在测试用例里的storeSpy配置上——你创建的Spy对象中，pipe方法没有返回一个带有subscribe方法的Observable实例。当组件在ngOnInit里调用.subscribe()时，pipe()返回的是undefined，自然就抛出了这个错误。

解决方案：让Spy返回有效的Observable #

我们需要给storeSpy的pipe和select方法配置正确的返回值，确保它们能模拟NgRx Store的真实行为：

1. 首先导入RxJS的of操作符（用来创建模拟数据流）
2. 配置select方法返回一个包含测试数据的Observable
3. 配置pipe方法正确处理操作符并返回Observable

修改后的测试代码如下：

import { of } from 'rxjs';
// ... 保留你的其他导入语句

fdescribe('ShoppingCartListComponent', () => {
  let component: ShoppingCartListComponent;
  let fixture: ComponentFixture<ShoppingCartListComponent>;
  let storeSpy;

  beforeEach(async(() => {
    storeSpy = jasmine.createSpyObj('Store', ["select","pipe"]);
    
    // 模拟select方法返回一个空的购物车列表Observable（你可以替换成测试用的模拟数据）
    storeSpy.select.and.returnValue(of([]));
    
    // 模拟pipe的真实行为：接收操作符并链式处理数据流
    storeSpy.pipe.and.callFake((...operators) => {
      let source$ = storeSpy.select();
      operators.forEach(operator => {
        source$ = source$.pipe(operator);
      });
      return source$;
    });

    TestBed.configureTestingModule({
      declarations: [ ShoppingCartListComponent ],
      imports: [ MaterialModule, RouterTestingModule ],
      providers: [
        { provide: Store, useValue: storeSpy }
      ]
    })
    .compileComponents();
  }));

  beforeEach(() => {
    fixture = TestBed.createComponent(ShoppingCartListComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });

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

简化版（如果不需要模拟复杂操作符逻辑） #

如果你只是想让组件正常初始化，不需要验证tap等操作符的行为，可以直接让pipe返回一个空Observable：

storeSpy.pipe.and.returnValue(of([]));

这样组件里的subscribe()就能正常调用了。你不需要额外提供默认状态，只要确保Spy对象的方法能返回符合预期的Observable即可。

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