Redux 是一种非常流行的 JavaScript 应用程序状态管理库，而 reducer 则是 Redux 中最核心的概念之一。reducer 是一个纯函数，它接收先前的状态和一个动作，然后返回新的状态。使用 Jest 进行 Redux reducer 测试可以确保 reducer 的正确性以及代码变更对应用程序的影响。
第一步：安装 Jest
在项目中安装 Jest：
--- ------- ---------- ----
或者使用 yarn:
---- --- ----- ----
第二步：编写测试用例
下面我们将创建一个简单的 Counter reducer，用于跟踪数字。我们将编写测试用例以确保 reducer 的正确性：
-- ----------
----- ------------ - -
------ --
--
-------- -------------------- - ------------- ------- -
------ ------------- -
---- ------------
------ - ------ ----------- - - --
---- ------------
------ - ------ ----------- - - --
---- --------
------ - ------ - --
--------
------ ------
-
-
------ ------- ----------------- ---------------
------ -------------- ---- ------------
----------------- --------- -- -- -
---------- ------ --------- -------- -- -- -
----- -------- - ---------------- ------ - -- - ----- ----------- ---
-------------------------------
---
---------- ------ --------- -------- -- -- -
----- -------- - ---------------- ------ - -- - ----- ----------- ---
-------------------------------
---
---------- ------ ----- -------- -- -- -
----- -------- - ---------------- ------ - -- - ----- ------- ---
-------------------------------
---
---------- ------ -------- ----- ---- ------- ------ -- -------- -- -- -
----- -------- - ---------------- ------ - -- - ----- --------- ---
-------------------------------
---
---第三步：运行测试用例
运行测试用例：
----
如果所有测试用例都通过，你应该看到类似下面的输出：
---- -----------------
------- -------
- ------ ------ --------- ------ -----
- ------ ------ --------- ------ -----
- ------ ------ ----- ------ -----
- ------ ------ -------- ----- ---- ------- ------ -- ------ -----
---- ------- - ------- - -----
------ - ------- - -----
---------- - -----
----- ------
--- --- ---- -------结论
使用 Jest 进行 Redux reducer 测试可以确保代码变更不会引入新的错误，同时也有助于了解 reducer 的逻辑和实现方式。最好的做法是编写足够的、有深度的测试用例，以确保应用程序的正确性和稳健性。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/67023ab1d91dce0dc846dec9