在编写 Redux 应用时，使用 middleware 是非常常见的需求。而为了测试你的 middleware 是否工作正常，你需要写相关的测试用例。这个过程会有一些繁琐，特别是在处理异步操作时。
为了简化测试过程，我们可以使用一个名为 redux-middleware-test-helper 的 npm 包。该包提供了一些非常方便的 API，可以帮助你编写 middleware 测试用例。
安装
要使用 redux-middleware-test-helper，你需要先安装它：
npm install redux-middleware-test-helper
使用
假设我们有以下 middleware：
const myMiddleware = store => next => action => {
console.log('dispatching', action)
const result = next(action)
console.log('next state', store.getState())
return result
}现在，我们想要测试它是否工作正常。我们可以这样做：
-- -------------------- ---- -------
------ - ------------ --------------- - ---- -------
------ -------------------- ---- ------------------------------
------ ----------- ---- ------------- -- -- --------
------------------------ -- -- -
----- ----- - ------------
------------
-----------------------------
-
-- ----
----- ---------------- - ---------------------------------- -- ---- ----------
----------- -- -- -
----- ------ - - ----- ----------- -
-----------------
-- -- -------- --
-
--------- ------ -- -
--------------------------------------
-
--
-- ------
- ------- ----- --
-- -- -------- --
-
- ----- ------------- --
- ----- ----------- -
--
-- ------
-
---------- -- ---- --------------- ---------
- ------- ----- - -- ------ -------------- - ------- ----- -
-
-
--
--上面的代码演示了如何测试一个简单的 middleware。在实际使用中，你可能需要更复杂的测试，比如测试异步操作。在这种情况下，你可以使用 redux-middleware-test-helper 提供的 API。
API
middlewareTestHelper(middleware)
该函数接受一个 middleware 作为参数，并返回一个名为 expectMiddleware 的函数。
expectMiddleware(test, initialState, actions, expectedResults, done)
该函数接受以下参数：
test：一个对象，其中包含dispatch方法。该方法会被用来模拟 dispatch 序列。注意，该方法必须返回 Promise，以便在测试 async/await 代码时能够正确工作。initialState：一个对象，表示初始状态。actions：一个数组，表示 dispatch 序列。expectedResults：一个数组，表示期望的结果。注意，数组的长度应该和actions相同，除了最后一个元素。最后一个元素表示整个操作序列的最终状态。done：一个回调函数，用于通知测试器测试已经完成。
expectMiddleware.withExtraArgument(extraArgument)(test, initialState, actions, expectedResults, done)
如果你的 middleware 接受第三个参数作为额外的参数，并且你想在测试中传递它，那么你可以使用 withExtraArgument。
该函数接受一个参数 extraArgument，用于传递额外的参数。
expectMiddleware.getState()
该函数返回当前状态。注意，该函数只能在运行 test 函数时调用。
示例代码
你可以在 redux-middleware-test-helper 的 GitHub 仓库中找到更多详细的使用示例和 API 文档，例如如何测试异步操作、如何测试并发操作等。
希望本文对你了解 redux-middleware-test-helper 有所帮助。祝你编写优秀的测试用例，保证应用的质量！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60067008e361a36e0bce8b4e