Karma单元测试报错：STORE状态未定义，应用运行正常

看起来你遇到的问题是单元测试环境下NgRx的createSelector没有正确获取到初始化状态——毕竟应用运行正常说明生产环境的Store配置没问题，问题大概率出在测试的Store初始化环节。下面是几个常见的疏漏点和对应的解决办法：

• 测试模块未正确配置NgRx Store的初始状态
  你需要在测试的configureTestingModule里，用StoreModule.forRoot或StoreModule.forFeature（如果auth是feature模块）初始化对应的reducer，并明确传入初始状态。示例代码如下：

  import { TestBed } from '@angular/core/testing';
  import { StoreModule } from '@ngrx/store';
  import * as fromAuth from '../../../auth/store/reducers';
  
  describe('AccountComponent', () => {
    beforeEach(async () => {
      await TestBed.configureTestingModule({
        declarations: [AccountComponent],
        imports: [
          // 如果auth是根模块的reducer用forRoot，feature模块用forFeature('auth', fromAuth.reducer)
          StoreModule.forRoot({ auth: fromAuth.reducer }, {
            initialState: {
              auth: fromAuth.initialState // 必须传入auth模块的初始状态
            }
          })
        ]
      }).compileComponents();
    });
  
    // ... 测试用例
  });
  

  核心是确保测试中的Store拥有和生产环境一致的初始状态，否则createSelector依赖的状态节点会是undefined，直接触发报错。

• 用MockStore简化测试中的状态控制
  如果你不想在测试中引入真实的reducer逻辑，可以用NgRx提供的provideMockStore来模拟Store和选择器，这样能更灵活地控制测试状态：

  import { provideMockStore, MockStore } from '@ngrx/store/testing';
  import * as fromAuth from '../../../auth/store/reducers';
  
  describe('AccountComponent', () => {
    let store: MockStore;
    const initialState = { auth: fromAuth.initialState };
  
    beforeEach(async () => {
      await TestBed.configureTestingModule({
        declarations: [AccountComponent],
        providers: [
          provideMockStore({ initialState })
        ]
      }).compileComponents();
  
      store = TestBed.inject(MockStore);
    });
  
    // 模拟特定选择器的返回值
    it('should display user info', () => {
      store.overrideSelector(fromAuth.selectCurrentUser, { id: 1, name: 'Test User' });
      store.refreshState();
      // ... 后续断言逻辑
    });
  });
  

  这种方式能避免复杂reducer逻辑干扰测试，同时保证createSelector能获取到预期的状态值。

• 排查选择器的导出与导入问题
  有时候生产环境的代码因为tree-shaking或打包配置，在测试环境中没有正确加载选择器定义。你可以检查fromAuth中的选择器是否都正确导出，并且在测试代码中正确导入——比如确认selectCurrentUser这类核心选择器是从../../../auth/store/reducers中导出的，而非某个未被测试模块引入的文件。

另外给你个快速排查小技巧：在测试用例中先打印Store的状态，确认auth节点是否存在：

it('should have initialized auth state', () => {
  const authState = store.selectSnapshot(fromAuth.selectAuthState);
  console.log(authState); // 查看这个值是否为undefined
  expect(authState).toBeDefined();
});

这能快速定位是状态未初始化，还是选择器本身的逻辑问题。

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