Angular Karma单元测试/存储-状态未定义

运行应用程序时一切正常，但在帐户单元测试中，似乎没有启动任何或我的状态。有什么明显的我做错了吗？这里是错误

测试错误：

index.js中的创建选择器返回一个带有未定义参数的函数，但仅在karma测试期间返回

Account.component.ts

import { Component, OnInit, OnDestroy, ChangeDetectionStrategy } from '@angular/core';
import * as fromAuth from '../../../auth/store/reducers';
import { Store } from '@ngrx/store';
import { Subscription } from 'rxjs/Subscription';

@Component({
  selector: 'app-account',
  changeDetection: ChangeDetectionStrategy.OnPush,
  template: `
    <app-sign-up-form
      [user]="user"
      [account]="true"
      [pending]="pending$ | async"
      [errorMessage]="error$ | async">
    </app-sign-up-form>
  `,
  styles: []
})
export class AccountComponent implements OnInit, OnDestroy {
  redirectSubs: Subscription;
  user: object;
  pending$ = this.store.select(fromAuth.getLoginPagePending);
  error$ = this.store.select(fromAuth.getLoginPageError);

  constructor(
    public store: Store<fromAuth.State>,
  ) { }

  ngOnInit() {
    this.redirectSubs = this.store
      .select(fromAuth.getUser)
      .subscribe(user => {
        this.user = user;
      });
  }

  ngOnDestroy() {
    this.redirectSubs.unsubscribe();
  }
}

Auth.state.ts

import { Map, Record } from 'immutable';
import { User } from '../../models/user';

export interface AuthState extends Map<string, any> {
  loggedIn: boolean;
  user: User | null;
}

export const AuthStateRecord = Record({
  loggedIn: false,
  user: null,
});

---

试着在spec文件中将

imports

数组更改为

[ReactiveFormsModule，StoreModule.forRoot（{}），StoreModule.forFeature（'auth'，{fromAuth}）]

。

从第一眼看到这个错误，我猜你可能需要模拟一个

可观察到的

或两个…我有同样的问题，你解决了这个问题了吗？解决了同样的问题了吗？有人解决了这个问题吗？

import * as auth from '../actions/auth.actions';
import { User } from '../../models/user';
import { AuthState as State, AuthStateRecord } from './auth.state';
export { State as AuthState };

export const initialState: State = new AuthStateRecord() as State;

export function reducer(state = initialState, action: auth.Actions): State {
  switch (action.type) {
    case auth.LOGIN_SUCCESS: {
      return state.merge({
        loggedIn: true,
        user: action.payload.user,
      }) as State;
    }

    case auth.LOGOUT: {
      return initialState;
    }

    default: {
      return state;
    }
  }
}

export const getLoggedIn = (state: State) => state.loggedIn;
export const getUser = (state: State) => state.user;

import { Map, Record } from 'immutable';
import { User } from '../../models/user';

export interface AuthState extends Map<string, any> {
  loggedIn: boolean;
  user: User | null;
}

export const AuthStateRecord = Record({
  loggedIn: false,
  user: null,
});

import { createSelector, createFeatureSelector } from '@ngrx/store';
import * as fromRoot from '../../../core/store/reducers/root.reducer';
import * as fromAuth from './auth.reducer';
import * as fromLogin from './login.reducer';

export interface AuthState {
  status:  fromAuth.AuthState;
  loginPage: fromLogin.LoginState;
}

export interface State extends fromRoot.State {
  auth: AuthState;
}

export const reducers = {
  status: fromAuth.reducer,
  loginPage: fromLogin.reducer,
};


export const selectAuthState = createFeatureSelector<AuthState>('auth');

export const selectAuthStatusState = createSelector(
  selectAuthState,
  (state: AuthState) => state.status
);

export const getLoggedIn = createSelector(
  selectAuthStatusState,
  fromAuth.getLoggedIn
);

export const getUser = createSelector(
  selectAuthStatusState,
  fromAuth.getUser);

export const selectLoginPageState = createSelector(
  selectAuthState,
  (state: AuthState) => state.loginPage
);

export const getLoginPageError = createSelector(
  selectLoginPageState,
  fromLogin.getError
);

export const getLoginPagePending = createSelector(
  selectLoginPageState,
  fromLogin.getPending
);