Redux 是目前流行的状态管理库，它追求的是单向数据流。但是，Redux 代码的测试是一个不容易解决的问题。在实际开发中，我们经常需要测试 Redux 的各种 action、reducer 的行为是否符合我们预期。
在 Jest 测试框架中，我们可以使用 redux-mock-store 来测试 Redux 代码的行为。redux-mock-store 是 Redux 官方提供的一个用来测试 Redux 状态管理库的 mock store。
下面，将介绍如何在 Jest 测试框架中使用 redux-mock-store 进行 Redux 代码测试，并使用示例代码来帮助你更好地理解。
安装
首先需要安装所需依赖包：
- ---- --- ---- ----------------
示例代码
接下来，我们将使用一个示例代码来演示如何使用 redux-mock-store 来测试 Redux 代码的行为。
假设我们有一个 Redux 内部存储对象，包含了一个用户信息对象，其初始状态为：
----- ------------ - -
----- -
----- ---
---- --
--
--现在，我们要编写一个 action 和 reducer 来更新 user 对象。将修改后的 user 对象存储在 state 中。以下是更新用户信息的 action 和 reducer：
----- ----------- - --------------
----- ---------- - ------ ---- -- --
----- ------------
-------- -
-----
----
--
---
----- ------- - ------ - ------------- ------- -- -
------ ------------- -
---- ------------
------ -
---------
----- ---------------
--
--------
------ ------
-
--现在，我们需要编写测试来确保这个 reducer 能够正常运行。我们将使用 redux-mock-store 来测试 reducer 的行为。
首先，我们需要创建一个 mock store：
------ ------------------ ---- ------------------- ------ ----- ---- -------------- ----- ----------- - -------- ----- --------- - --------------------------------
接下来，我们可以通过 mock store 来测试 reducer：
---------- ------ ---- ------------- -- -- -
----- ----- - ------------------------
----- ---- - --------
----- --- - ---
------------------------------- ------
----- ------ - -------------------
-----------------------------------
-----
----
---
----- ----- - -----------------
----------------------------
-----
----
---
---总结
redux-mock-store 是一个 Jest 测试框架中用于测试 Redux 代码的 mock store。
在本文中，我们探讨了如何使用 redux-mock-store 来测试 Redux 的 action 和 reducer，通过这种方法，我们可以更好地获取样本数据，并以书面形式来确定 redux 的行为是否符合我们的预期。
以上是在 Jest 测试框架中使用 redux-mock-store 进行 Redux 代码测试的详细指导。只要你掌握了这种方法，你就可以更好地了解 Redux 的实现，并在实际开发中更有效地运用。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/651f641a95b1f8cacd6f3f42