什么是 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:
--- ------- -------------------- ----------
或
---- --- -------------------- -----
或
---- ------- -------------------- ----------
react-redux-jest-kit 的使用
在安装 react-redux-jest-kit 之后,我们可以开始使用它来测试我们的应用程序了。在这个包中,我们最常用的工具是 jest 和 enzyme。
测试 actions
例子:我们有这样一个 action:
----- ------- - -------- ------- -- -- ----- ----------- -------- - ------ -- --
我们可以这样来测试这个 action:
------ - ------- - ---- ----------- ------------------- -- -- - ------------ ------ -- ------ -- --- - ------ -- -- - ----- ------ - ----- ----- -------------- - - ----- ----------- -------- - ------ -- - ----------------------------------------------- -- --
测试 reducers
例子:我们有这样一个 reducer:
----- ------------ - - ----- ----- - ----- ------- - ------ - ------------- ------- -- - ------ ------------- - ---- ----------- ------ - --------- ----- --------------- - -------- ------ ----- - - ------ ------- -------
我们可以这样来测试这个 reducer:
------ ------- ---- ------------ ------------------- -- -- - ------------ ------ --- ------- ------- -- -- - ------------------------- -------------- ----- ----- -- -- ------------ ------ ---------- -- -- - ----- ------ - ----- ------- ------------------ - ----- ----------- -------- - ------ -- -- ----------- ----- - ------ -- -- -- --
测试 components
例子:我们有这样一个 component:
------ ----- ---- ------- ------ - ------- - ---- ------------- ----- ---- - -- ---- -- -- - ----- ----- - - ----- --------- --- ------------------- ------ - - - ------- ---------- -- ------ - ----- --------------- - ----- -- -- ----- ----------- -- ------ ------- ------------------------------
我们可以这样来测试这个 component:
------ ----- ---- ------- ------ - ----- - ---- -------- ------ ------------------ ---- ------------------ ------ - -------- - ---- ------------- ------ ---- ---- ------------------- -------------- ----------- -- -- - ------------ ------- -- ---- -- ---- -- ------ -- -- - ----- --------- - ---------------------- ----- ---- -- ----- ------- - ------ --------- ------------------ ----- -- ----------- - ------------------------------------ ------ -- ------------ ------- ---- -- -- ---- -- --- ------ -- -- - ----- ------ - ----- ----- --------- - ---------------------- ----- - ------ - -- ----- ------- - ------ --------- ------------------ ----- -- ----------- - -------------------------------------- --- ----------- -- --
总结
react-redux-jest-kit 为我们提供了一些很方便的测试工具,并能够大幅度简化测试过程。当我们编写应用程序时,它能够让我们更加安心,因为我们知道我们的代码能够在任何时候保持正确的状态。通过本文的介绍,相信大家已经能够很快上手使用 react-redux-jest-kit 了。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6005675981e8991b448e3d4c