随着前端应用程序的复杂性不断增加，使用订阅模式来处理消息传递和状态管理的情况也越来越普遍。在许多情况下，我们会使用像 RxJS 这样的库来实现订阅模式，而 Jest 是一个流行的测试库，可以帮助我们编写具有高覆盖率和可靠性的测试用例。
在这篇文章中，我们将看到如何使用 Jest 来测试订阅模式中的消息传递。
安装 Jest
首先，我们需要安装 Jest。我们可以使用 npm 或 yarn 进行安装，具体使用哪一个取决于您的喜好。在终端中进入项目根目录，运行以下命令行安装 Jest：
npm install --save-dev jest
或
yarn add --dev jest
创建测试文件
为了使测试易于组织和维护，我们通常会将所有测试用例放在一个名为“__ tests __”的专用文件夹中。我们可以在文件夹内创建一个名为“example.test.js”的文件，该文件将包含我们的测试用例。
准备测试用例
现在我们已经准备好编写测试用例。假设我们有一个名为“Example”类，该类实现了订阅模式，以便我们可以在模块之间传递消息。
以下是一个例子：
-- -------------------- ---- -------
----- ------- -
------------- -
------------- - ---
-
------------- -
-----------------------
-
--------------- -
------------- - ---------------------------- -- ------- --- ----
-
---------------- -
------------------------ -- -------------
-
-在这个例子中，我们有一个“subscribe”方法，该方法将传递的函数添加到“handlers”数组中。我们还有一个“unsubscribe”方法，该方法从数组中删除特定的函数。最后，我们有一个“publish”方法，该方法将传递的消息发送给所有订阅者。
我们的测试用例将为每个方法编写一个测试。
编写测试用例
测试“subscribe”方法
测试“subscribe”方法时，我们需要确保传递的函数已正确地添加到“handlers”数组中。
以下是我们的测试用例：
test('subscribe method should add handler to handlers array', () => {
const example = new Example();
const handler = jest.fn();
example.subscribe(handler);
expect(example.handlers).toHaveLength(1);
expect(example.handlers[0]).toBe(handler);
});在此测试中，我们创建了一个新的“Example”实例，然后将一个名为“handler”的可调用函数订阅。我们使用 Jest 提供的“jest.fn”方法创建一个名为“handler”的函数。
我们使用“expect”语句验证了以下两个断言：
- “handlers”数组应该只包含一个项
- 数组的第一个项应该等于我们传递的函数“handler”
测试“unsubscribe”方法
测试“unsubscribe”方法时，我们需要确保传递的函数已正确地从“handlers”数组中删除。
以下是我们的测试用例：
-- -------------------- ---- ------- ----------------- ------ ------ ------ ------- ---- -------- ------- -- -- - ----- ------- - --- ---------- ----- -------- - ---------- ----- -------- - ---------- ---------------------------- ---------------------------- ------------------------------ ----------------------------------------- ------------------------------------------- ---
在此测试中，我们创建了一个新的“Example”实例，并订阅了两个函数“handler1”和“handler2”。我们然后取消订阅第一个处理程序“handler1”。
我们使用“expect”语句验证了以下两个断言：
- “handlers”数组应该只包含一个项
- 数组的第一个项应该等于我们传递的第二个函数“handler2”
测试“publish”方法
测试“publish”方法时，我们需要确保所有订阅者都已经收到了正确的消息。
以下是我们的测试用例：
-- -------------------- ---- ------- ------------- ------ ------ ---- --- -------- ---- --- --------- -- -- - ----- ------- - --- ---------- ----- -------- - ---------- ----- -------- - ---------- ---------------------------- ---------------------------- ----- ------- - ------- -------- ------------------------- ----------------------------------------------- ----------------------------------------------- ---
在此测试中，我们创建了一个新的“Example”实例，并订阅了两个函数“handler1”和“handler2”。
我们使用“example.publish”方法发布一个名为“message”的消息。
我们使用“expect”语句验证了以下两个断言：
- “handler1”函数应该被调用，并且使用正确的“message”参数
- “handler2”函数应该被调用，并且使用正确的“message”参数
运行测试用例
现在我们已经编写了测试用例，我们可以使用 Jest 运行这些测试。要运行测试，请打开终端并进入项目的根目录，然后运行以下命令：
npm test
或
yarn test
如果我们的所有测试都通过了，我们将看到类似下面的输出：
PASS __tests__/example.test.js ✓ subscribe method should add handler to handlers array (2 ms) ✓ unsubscribe method should remove handler from handlers array (1 ms) ✓ publish method should call all handlers with the message (1 ms) Test Suites: 1 passed, 1 total Tests: 3 passed, 3 total
总结
在本文中，我们学习了如何使用 Jest 进行订阅模式中的消息传递测试。我们编写了测试用例来测试“subscribe”，“unsubscribe”和“publish”方法，并演示了如何使用 Jest 中的“expect”语句来验证断言。
使用 Jest 进行测试可以帮助我们确保代码稳定性和可靠性，并使我们更加自信地编写代码。我们可以使用这些测试集成到我们的自动化构建过程中，以便我们可以在每次更改代码时进行测试并获得反馈。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6459e532968c7c53b0bffc03