Redux 是一个流行的 JavaScript 应用程序状态管理库，它使得应用程序状态的管理变得更加简单。然而，随着应用程序变得更加复杂，测试变得更加重要。在本文中，我们将介绍如何使用 Chai 来测试一个 Redux 应用程序。
安装 Chai
要使用 Chai 进行测试，您需要将其安装为项目的依赖项。您可以使用 npm 进行安装：
npm install chai --save-dev
编写测试
我们将从编写一个简单的 Redux 应用程序开始。在这个应用程序中，我们将有一个计数器，可以通过增加或减少来改变。以下是应用程序的代码：
-- -------------------- ---- -------
------ - ----------- - ---- --------
-- ----
----- ------------ - -
------ -
--
-- ------- --
-------- ------------- - ------------- ------- -
------ ------------- -
---- ------------
------ - ------ ----------- - - --
---- ------------
------ - ------ ----------- - - --
--------
------ ------
-
-
-- -- -----
----- ----- - ---------------------现在我们将编写测试来确保应用程序的行为正确。我们将使用 Chai 的 expect 断言库来编写测试。以下是我们的测试代码：
-- -------------------- ---- -------
------ - ------ - ---- -------
-- ------
------ - ----- - ---- --------
------------------- -- -- -
---------- ----- ---- - ----- -- --- -- -- -
-------------------------------------------
---
---------- --------- --- ----- ---- --------- ------ -- ------------ -- -- -
---------------- ----- ----------- ---
-------------------------------------------
---
---------- --------- --- ----- ---- --------- ------ -- ------------ -- -- -
---------------- ----- ----------- ---
-------------------------------------------
---
---在这个测试中，我们有三个断言。第一个测试检查应用程序的初始状态是否正确。第二个测试检查当 INCREMENT 动作被分派时，计数器是否正确增加。最后一个测试检查当 DECREMENT 动作被分派时，计数器是否正确减少。
运行测试
现在我们已经编写了测试，我们需要运行它们。我们可以使用 Mocha 来运行测试。您可以使用 npm 进行安装：
npm install mocha --save-dev
然后在 package.json 文件中添加以下脚本：
"scripts": {
"test": "mocha --require esm --watch-extensions js,jsx ./test/**/*.test.js"
},现在，我们可以使用以下命令运行测试：
npm test
结论
在本文中，我们介绍了如何使用 Chai 来测试 Redux 应用程序。我们编写了一个简单的计数器应用程序，并编写了三个测试来检查应用程序的行为是否正确。我们还介绍了如何使用 Mocha 运行测试。希望这篇文章能够帮助您编写更好的测试，并让您的 Redux 应用程序更加健壮。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6766476676af2b9a20f545a0