在前端开发中，Redux 是一种常用的状态管理工具。在使用 Redux 的过程中，测试是不可或缺的一部分。在 Jest 中，我们可以使用它提供的工具来测试 Redux 的 action 和 reducer。
测试 Redux 的 action
Redux 的 action 是一个纯函数，它接收一个参数并返回一个包含 type 和 payload 属性的对象。在测试 Redux 的 action 时，我们需要测试它是否正确地创建了这个对象。
下面是一个简单的 Redux action 代码示例：
------ ----- ------- - ------ -- -
------ -
----- -----------
-------- -
-----
---------- ------
--
--
--我们可以使用 Jest 来测试它：
------ - ------- - ---- ------------
------------------- -- -- -
----------- --- ------- -------- -- -- -
----- -------------- - -
----- -----------
-------- -
----- ----- ------
---------- ------
--
--
-------------------- --------------------------------
---
---在上面的测试用例中，我们首先导入了 addTodo 方法，然后使用 describe 和 it 函数来编写测试用例。在 it 函数中，我们创建了一个期望的 action 对象，然后使用 expect 函数来比较实际的 action 对象和期望的 action 对象是否相等。
测试 Redux 的 reducer
Redux 的 reducer 是一个纯函数，它接收两个参数：当前状态和一个 action 对象，并返回一个新的状态。在测试 Redux 的 reducer 时，我们需要测试它是否正确地处理了不同的 action 类型，并返回了正确的新状态。
下面是一个简单的 Redux reducer 代码示例：
----- ------------ - ---
------ ------- -------- ------------------ - ------------- ------- -
------ ------------- -
---- -----------
------ -
---------
-
----- --------------------
---------- -------------------------
--
--
--------
------ ------
-
-我们可以使用 Jest 来测试它：
------ ------------ ---- -------------
------------------------ -- -- -
----------- --- ------- ------- -- -- -
------------------------------ -----------------
---
----------- ---------- -- -- -
----- ------ - -
----- -----------
-------- -
----- ----- ------
---------- ------
--
--
----- ------------- - -
-
----- ----- ------
---------- ------
--
--
----------------------- --------------------------------
---
---在上面的测试用例中，我们首先导入了 todosReducer 方法，然后使用 describe 和 it 函数来编写测试用例。在 it 函数中，我们分别测试了 reducer 的初始状态和 ADD_TODO 动作的处理。在测试 ADD_TODO 动作的处理时，我们创建了一个 action 对象和一个期望的新状态，然后使用 expect 函数来比较实际的新状态和期望的新状态是否相等。
总结
在 Jest 中，我们可以使用它提供的工具来测试 Redux 的 action 和 reducer。在测试 Redux 的 action 时，我们需要测试它是否正确地创建了包含 type 和 payload 属性的对象。在测试 Redux 的 reducer 时，我们需要测试它是否正确地处理了不同的 action 类型，并返回了正确的新状态。通过测试 Redux 的 action 和 reducer，我们可以确保它们的正确性，从而提高代码质量和可维护性。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6513977895b1f8cacdc00a58