redux - 如何在 React Redux 应用程序中深度卡住 Redux 状态？

Question

我需要使用 deep-freeze 库来深度卡住 react redux 应用程序中的整个 redux 状态，以检查状态是否有任何变化。我应该如何使用 deep-freeze 和 React redux 应用程序来实现这一点？

Answer 1

我假设您的意思是您希望使用深度卡住作为更改的测试工具(因为我不确定您为什么要卡住整个状态)。一直以来都有一些例子。

通常，您将 deep-freeze 与 expect 结合使用，并专注于您的 reducer，因为 reducer 被赋予一个状态，并且它们会返回一个预期的状态。

典型的测试通常看起来像这样(taken from here):

// a test for the reducer
const testReducer = () => {
    const stateBefore = { value: 'foo' };
    const action = {
        type: 'SET_STATE',
        value: 'bar'
    };
    const stateAfter = { value: 'bar' };

    // cannot modify
    deepFreeze(stateBefore);
    deepFreeze(action);

    expect(store(stateBefore, action)).toEqual(stateAfter);
}

通过这种方式，您可以验证所采取的操作不会以任何方式改变您的状态。

Egghead.io 也有关于此的精彩视频 here .

当然，用途并不仅限于测试；如果您愿意，您也可以在整个代码中引入深度卡住作为断言工具。我个人没有任何这方面的经验。