如果你是一个前端开发人员，那么你一定知道 Redux，因为它是目前最流行的状态管理工具之一。Redux 为前端项目提供了一个可预测的、一致的状态管理方式，而且相信大部分人都希望对此应用程序进行更好的测试。这就是为什么我们需要使用 Chai 来进行 Redux 应用程序测试的原因。
Chai 是一个 JavaScript 测试库，它为我们提供了一些非常有用的断言函数，帮助我们进行测试。使用 Chai，我们可以方便地编写测试用例并得到测试结果。下面我们来详细了解如何使用 Chai 来测试 Redux 应用程序。
为什么使用 Chai？
Chai 提供了多种的断言函数，例如 expect，should 和 assert。这些函数使得我们编写测试用例时更加轻松，而且可以对测试用例进行详细的描述，从而让我们更加容易理解测试结果。此外，Chai 与其他测试框架（如 Mocha）无缝集成，我们可以直接在项目中使用。
安装 Chai
首先，我们需要将 Chai 安装到我们的项目中。在终端中导航到项目目录下，执行以下命令：
npm install --save-dev chai
以上命令会将 Chai 安装到项目的 devDependencies 中。
编写测试用例
下面的例子是一个 Redux 计数器。我们使用了一个 reducer 函数来管理当前数字，并定义了两个 Action 函数 increment 和 decrement：
-- -------------------- ---- -------
-- ----------
----- --------- - -- -- -
------ -
----- ------------
--
--
----- --------- - -- -- -
------ -
----- ------------
--
--
----- ------------ - -
------ --
--
----- ------- - ------ - ------------- ------- -- -
------ ------------- -
---- ------------
------ - --------- ------ ----------- - - --
---- ------------
------ - --------- ------ ----------- - - --
--------
------ ------
-
--
------ - ---------- ---------- ------- --我们现在将编写测试用例来测试这个计数器。
首先，我们需要从 chai 中导入 expect 函数。之后，我们将使用 describe 和 it 函数来编写测试用例，以实现更好的可读性。
-- -------------------- ---- -------
-- ---------------
------ - ------ - ---- -------
------ - ---------- ---------- ------- - ---- ------------
----------------- --------- -- -- -
---------- ------ ----------- -- -- -
----- ------------ - - ------ - --
----- ------ - ------------
----- -------- - --------------------- --------
-------------------------------- ------ - ---
---
---------- ------ ----------- -- -- -
----- ------------ - - ------ - --
----- ------ - ------------
----- -------- - --------------------- --------
-------------------------------- ------ - ---
---
---在上面的代码中，我们使用了 describe 函数来创建一个测试用例组，然后使用了 it 函数来创建两个测试用例，分别测试 INCREMENT 和 DECREMENT Action 的处理情况。我们使用 expect 函数来验证 reducer 函数是否按照预期运行。
在 should handle INCREMENT 测试用例中，我们定义了初始状态和一个 INCREMENT Action 并调用 reducer 函数，然后使用 expect 函数来测试计数器的状态是否增加了一位。同样，在 should handle DECREMENT 测试用例中，我们测试了减少计数器的行为。
运行测试
现在，我们可以使用我们所喜欢的测试运行器运行测试用例。在这里，我们将使用例如 mocha 和 chai 的组合。同样导入 chai 库，然后直接运行测试命令：
npx mocha counter.test.js
结果
如果一切都按照预期运行，我们应该会得到如下输出：
counter reducer ✓ should handle INCREMENT ✓ should handle DECREMENT 2 passing (9ms)
输出表明，两个测试用例都通过了！
总结
现在，你已经了解了如何使用 Chai 来测试 Redux 应用程序。你学习到了如何编写和运行测试用例，以及使用 expect 断言函数来验证测试结果。总之，使用 Chai 是一种简单的方法来测试 Redux 应用程序，它提供了大量的函数和方法来方便地测试应用程序的不同部分。请尝试使用这个库进行更好的测试吧！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65bac6abadd4f0e0ff3535c2