22、测试驱动的 Redux Saga 开发与组件状态迁移

测试驱动的 Redux Saga 开发与组件状态迁移

在前端开发中，Redux Saga 是管理副作用（如异步操作）的强大工具。下面将详细介绍如何通过测试驱动的方式开发 Redux Saga，并将组件状态迁移到 Redux 状态管理中。

准备测试工具

首先，我们需要添加一些辅助函数来测试与 Redux 存储连接的 Saga 和组件。具体操作如下：
1. 初始化存储变量 ：在 initializeReactContainer 函数中添加并初始化 store 变量。

export let store;
export const initializeReactContainer = () => {
  store = configureStore([storeSpy]);
  container = document.createElement("div");
  document.body.replaceChildren(container);
  reactRoot = ReactDOM.createRoot(container);
};

2. 添加渲染函数 ：在 renderWithRouter 函数下方添加 renderWithStore 函数。