Redux 是一个流行的 JavaScript 应用程序状态管理库，它被广泛用于 React 应用程序中。在 Redux 中，异步操作是一种常见的模式，例如从服务器加载数据。在编写测试用例时，我们需要确保异步操作能够正确地执行并返回所需的结果。本文将介绍如何使用 Mocha 测试用例测试 Redux 中的异步操作。
安装依赖
在开始编写测试用例之前，我们需要安装一些依赖项。首先，我们需要安装 Mocha 和 Chai，它们是 JavaScript 测试框架和断言库。我们还需要安装 Redux 和 Redux Thunk，它们是 Redux 库和 Redux 中间件，用于处理异步操作。
npm install mocha chai redux redux-thunk --save-dev
编写测试用例
接下来，我们将编写一个测试用例，以确保 Redux 中的异步操作能够正确地执行。我们将使用 Mocha 和 Chai 来编写测试用例。在测试用例中，我们将创建一个 Redux store，并分派一个异步操作来加载数据。然后，我们将使用 Chai 的 expect 断言来测试异步操作是否返回所需的结果。
-- -------------------- ---- -------
------ - ------ - ---- -------
------ - ------------ --------------- - ---- --------
------ ----- ---- --------------
------ ------- ---- ------------
--------------- --------- -- -- -
--- ------
------------- -- -
----- - -------------------- ------------------------
---
---------- ---- ------ ------ -- -
----- ------------ - - --- -- ----- ----- ---- --
------------------------- -- -
------------- -- -
---------- ----- -------------------- -------- ------------ ---
-------
-- ------
---
----- ---------- - ----------------------
----------------------------------------
---
---在上面的代码中，我们首先导入所需的依赖项，包括 Chai、Redux 和 Redux Thunk。然后，我们定义一个 describe 块来包含我们的测试用例。在 beforeEach 钩子中，我们创建一个 Redux store，并将 Redux Thunk 应用于 store。
在测试用例中，我们分派一个异步操作来加载数据。在异步操作完成后，我们将调用 done 回调函数来通知 Mocha 测试用例已完成。在异步操作完成之前，我们不会执行 expect 断言。这是因为异步操作需要一些时间来完成，而我们不希望测试用例在异步操作完成之前结束。
在 expect 断言中，我们测试 store 中的数据是否正确。我们使用 getState 方法从 store 中获取数据，并将其与预期的数据进行比较。如果数据相等，测试用例将通过。
结论
在本文中，我们介绍了如何使用 Mocha 测试用例测试 Redux 中的异步操作。我们首先安装了所需的依赖项，然后编写了一个测试用例来测试 Redux store 中的异步操作。我们使用了 Chai 的 expect 断言来测试异步操作是否返回所需的结果。这个测试用例可以作为一个模板来测试其他 Redux 中的异步操作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/676b362e78388e33bb20a9a6