1

我必须在现有的 Angular（版本 4.3.3）应用程序中实现 ngrx/store（版本 4.0.3）。

由于此错误消息，我无法测试组件：

TypeError: undefined is not an object (evaluating 'state.search.results')

在阅读了这份提供商店进行测试的文档后，我认为实现应该很容易。

在我的规范文件中，我在 beforeEach 方法中导入了 StoreModule：

StoreModule.forRoot ({reducers}),
...
store = TestBed.get (Store);
spyOn (store, 'dispatch').and.callThrough ();

减速器看起来像：

import * as fromSearch from './search/search-reducer';
export interface State {
  search: fromSearch.State;
}

export const reducers = {
  search: fromSearch.reducer
};

这里是搜索减少器：

export interface State {
  searchTerms: string;
  results: [];
  limit: SearchLimit;
}
// Imported: initialState & initalSearchLimitState
const initialState: State = {
  searchTerms: '',
  results:     [initialState],
  limit:       initalSearchLimitState
};

export function reducer (state = initialState, action: SearchActions.All): State {
  switch (action.type) {
    case SearchActions.SEARCH: {
      return {
        ...state,
        searchTerm: action.payload
      };
    }

    case SearchActions.SEARCH_SUCCESS: {
      return {
        ...state,
        results: action.payload
      };
    }

    case SearchActions.SEARCH_LIMIT_EXCEEDED: {
      return {
        ...state,
        limit: action.payload
      };
    }

    default: {
      return state;
    }
  }
}

在组件的方法中，我在搜索服务方法（HTTP 请求）的订阅中调度特定操作：

this._searchService.search (query).subscribe (results => {
    this._store.dispatch (new SearchActions.SearchSuccess (results.data));
});

在规范文件中，搜索服务是一个模拟服务。

在这个网站上阅读了很多答案后，我尝试在 beforeEach 方法中调度特定的操作来初始化state.search.results状态。但我得到了同样的错误信息。

我该如何解决这个状态问题？

提前致谢。

4

1 回答 1

0

我找到了解决我的问题的方法。

我把减速器从

export const reducers

至

export const reducers: ActionReducerMap<State>

此外，我在 beforeEach 方法的导入数组中添加了初始状态。

于 2017-10-01T13:02:41.833 回答