传递给createStore的preloadedState参数中发现意外的键

问题描述 投票:1回答:1

我正在尝试编写一个redux集成测试。我的测试成功通过了,但是,我收到了消息:

console.error node_modules / redux / lib / utils / warning.js:14传递给createStore的preloadedState参数中发现意外的键“word”。预计会找到一个已知的减速器键:“jotto”,“router”。意外的键将被忽略。

在我看来,我的createStore和root reducer看起来很好。有什么我需要改变的东西搞乱这个预加载的状态吗?您可以在下面找到这些脚本。谢谢!

jottoRedux.test.js:

import {createStore, applyMiddleware} from 'redux';
import thunkMiddleware from 'redux-thunk';
import {routerMiddleware} from 'connected-react-router';
import rootReducer from 'reducers/rootReducer';
import {initialState} from './jottoReducer';
import {createBrowserHistory} from 'history';

export const history = createBrowserHistory();
const middleware = applyMiddleware(routerMiddleware(history), thunkMiddleware);

export const storeFactory = () =>
  createStore(rootReducer(createBrowserHistory()), {...initialState}, middleware);


export const setWord = (word) => ({
  type: 'SET_WORD',
  word,
});

describe('testing SET_WORD action', () => {
  let store;
  beforeEach(() => {
    store = storeFactory();
  });

  test('state is updated correctly for an unsuccessful guess', () => {
    store.dispatch(setWord('foo'));
    const expectedState = {
      ...initialState,
      word: 'foo',
    };
    const newState = store.getState().jotto;
    expect(newState).toEqual(expectedState);
  });
});

jottoReducer.js:

export const initialState = {
  word: null,
};

const jotto = (state = initialState, action) => {
  switch (action.type) {
    case 'SET_WORD':
      return {
        ...state,
        word: action.word,
      };
    default:
      return state;
  }
};

export default jotto;

rootReducer:

import {combineReducers} from 'redux';
import {connectRouter} from 'connected-react-router';
import jotto from './jottoReducer';

export default (historyObject) => combineReducers({
  jotto,
  router: connectRouter(historyObject),
});
javascript redux jestjs redux-thunk
1个回答
1
投票

试试这个:

export const storeFactory = () =>
  createStore(rootReducer(createBrowserHistory()), { jotto: initialState }, middleware);
© www.soinside.com 2019 - 2024. All rights reserved.