什么是 react-redux-jest-kit
react-redux-jest-kit 是一个 npm 包，它提供了一套完整的测试工具以帮助你测试你基于 react-redux 构建的应用程序。这个工具包中包含了一些常用的测试工具，例如 jest、enzyme 以及 react-test-renderer。它们能够大幅度简化测试过程。
安装 react-redux-jest-kit
你可以使用 npm，yarn 或者 cnpm 来安装 react-redux-jest-kit：
npm install react-redux-jest-kit --save-dev
或
yarn add react-redux-jest-kit --dev
或
cnpm install react-redux-jest-kit --save-dev
react-redux-jest-kit 的使用
在安装 react-redux-jest-kit 之后，我们可以开始使用它来测试我们的应用程序了。在这个包中，我们最常用的工具是 jest 和 enzyme。
测试 actions
例子：我们有这样一个 action：
const getUser = (userId: string) => ({
type: 'GET_USER',
payload: { userId },
})我们可以这样来测试这个 action：
-- -------------------- ---- -------
------ - ------- - ---- -----------
------------------- -- -- -
------------ ------ -- ------ -- --- - ------ -- -- -
----- ------ - -----
----- -------------- - -
----- -----------
-------- - ------ --
-
-----------------------------------------------
--
--测试 reducers
例子：我们有这样一个 reducer：
-- -------------------- ---- -------
----- ------------ - -
----- -----
-
----- ------- - ------ - ------------- ------- -- -
------ ------------- -
---- -----------
------ -
---------
----- ---------------
-
--------
------ -----
-
-
------ ------- -------我们可以这样来测试这个 reducer：
-- -------------------- ---- -------
------ ------- ---- ------------
------------------- -- -- -
------------ ------ --- ------- ------- -- -- -
------------------------- --------------
----- -----
--
--
------------ ------ ---------- -- -- -
----- ------ - -----
-------
------------------ -
----- -----------
-------- - ------ --
--
-----------
----- - ------ --
--
--
--测试 components
例子：我们有这样一个 component：
-- -------------------- ---- -------
------ ----- ---- -------
------ - ------- - ---- -------------
----- ---- - -- ---- -- -- -
-----
----- - -
-----
--------- --- -------------------
------
- - -
------- ----------
--
------
-
----- --------------- - ----- -- --
----- -----------
--
------ ------- ------------------------------我们可以这样来测试这个 component：
-- -------------------- ---- -------
------ ----- ---- -------
------ - ----- - ---- --------
------ ------------------ ---- ------------------
------ - -------- - ---- -------------
------ ---- ---- -------------------
-------------- ----------- -- -- -
------------ ------- -- ---- -- ---- -- ------ -- -- -
----- --------- - ---------------------- ----- ---- --
----- ------- - ------
--------- ------------------
----- --
-----------
-
------------------------------------ ------
--
------------ ------- ---- -- -- ---- -- --- ------ -- -- -
----- ------ - -----
----- --------- - ---------------------- ----- - ------ - --
----- ------- - ------
--------- ------------------
----- --
-----------
-
-------------------------------------- --- -----------
--
--总结
react-redux-jest-kit 为我们提供了一些很方便的测试工具，并能够大幅度简化测试过程。当我们编写应用程序时，它能够让我们更加安心，因为我们知道我们的代码能够在任何时候保持正确的状态。通过本文的介绍，相信大家已经能够很快上手使用 react-redux-jest-kit 了。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005675981e8991b448e3d4c