介绍
redux-duck-test 是一个用于测试 Redux 模块化代码的 npm 包。它帮助开发者编写测试更加简单，高效、易于维护的测试用例。它提供了一个快速测试 Redux 模块化代码的解决方案。
安装
使用 npm 安装 redux-duck-test
npm install --save-dev redux-duck-test
基本用法
redux-duck-test 支持测试普通的 Redux 模块化代码和 Duck 模块化代码。对于普通的 Redux 模块化代码，你可以使用 buildStore 函数来构建 Redux Store 实例。对于 Duck 模块化代码，你可以使用 buildStoreFromDuck 函数来构建。
测试普通的 Redux 模块化代码
-- -------------------- ---- -------
------ - ---------- - ---- ------------------
------ -------- - ----------------- ---------------- - ---- ------------
-------------- ------- ------ -- -- -
--- ------
------------- -- -
----- - ------------
--------
------------- -
-------- -
-
---
---
---------- --------- --------- -- -- -
-----------------------------------
----- - ------- - - -----------------
------------------------
---
---------- --------- --------- -- -- -
-----------------------------------
----- - ------- - - -----------------
-------------------------
---
---测试 Duck 模块化代码
-- -------------------- ---- -------
------ - ------------------ - ---- ------------------
------ ---- ---- -----------------
-------------- ------- ------ -- -- -
--- ------
------------- -- -
----- - -------------------------
---
---------- --------- --------- -- -- -
---------------------------------
----- - ------- - - -----------------
------------------------
---
---------- --------- --------- -- -- -
---------------------------------
----- - ------- - - -----------------
-------------------------
---
---高级用法
构建 Saga Middleware
redux-duck-test 支持自定义 middleware 和 enhancer，在测时自定义 createStore 函数。例如自定义 Saga Middleware。
-- -------------------- ---- -------
------ - -------------------- - ---- -------------
------ - ---------- - ---- ------------------
------ -------- - ----------------- ---------------- - ---- ------------
------ ------ ---- -----------
-------------- ------- ------ -- -- -
--- ------
------------- -- -
----- -------------- - -----------------------
----- - ------------
--------
------------- -
-------- -
--
----------- -----------------
--------- -------------------------------
---
---------------------------
---
---------- --- -- ---- -------- -- -- -
----- ------ - ---------------- ----- ---------------- ---
----- - ------- - - -----------------
------------------------
------------------------
---
---支持 Redux-thunk
redux-duck-test 还支持使用 Redux-thunk 运行异步 Action Creator。我们只需要传递 extraArgument {object} 参数到 buildStore 函数中，然后把需要的参数传递给 thunk 中间件即可。
-- -------------------- ---- -------
------ - ------------ --------------- - ---- --------
------ ----- ---- --------------
------ ------- ---- --------------
------ - --------------------- - ---- ------------
-------------- ------- ----- ------ ---------- -- -- -
--- ------
------------- -- -
----- - ------------
--------
----------------------------------------- --- ---
--
---
---------- --------- ------- ------- ----- -- -- -
----- ----------------------------------------
----- - ------- - - -----------------
------------------------
---
---结语
以上是 redux-duck-test 的使用教程。它可以让前端开发者更加方便快捷地测试 Redux 模块化代码。在实际开发中，我们可以根据需要适当增加更多的测试，从而保证代码的质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60067008e361a36e0bce8bc8