简介
jest-watcher 是一个 npm 包，它提供了一种用于监视 Jest 测试运行器输出并进行交互的可扩展方式。本文将详细介绍如何使用 jest-watcher 来监视测试结果并实现自定义交互。
安装和配置
首先，我们需要安装 jest-watcher：
npm install jest-watcher --save-dev
接下来，在 Jest 的配置文件 jest.config.js 中，添加以下内容：
-- -------------------- ---- -------
-------------- - -
-- ---
---------- -
----------
------------------------------- -
--------- --- --
--
-
--这个配置代码片段会在执行 Jest 测试时，同时使用默认的 Jest 报告器和 jest-watcher 插件，其中 prompt 属性定义了交互式提示符的前缀。
现在我们已经安装并配置了 jest-watcher，接下来就可以开始使用了。
使用示例
假设我们有一个名为 sum.test.js 的测试文件，其中包含了以下测试代码：
test("adds 1 + 2 to equal 3", () => {
expect(1 + 2).toBe(3);
});当我们运行 npm test 命令时，控制台会显示以下结果：
PASS ./sum.test.js ✓ adds 1 + 2 to equal 3 (5ms)
这是 Jest 的默认行为，但是我们可以使用 jest-watcher 来实现自定义行为。
自定义交互
在 jest.config.js 中添加以下代码：
-- -------------------- ---- -------
-------------- - -
-- ---
---------- -
----------
------------------------------- -
--------- --- ---
---------- -
----------------
-
--
-
--这里，我们添加了一个名为 myWatcher.js 的插件。接下来，在项目根目录下创建 myWatcher.js 文件，并添加以下内容：
-- -------------------- ---- -------
----- --------- -
------------------------- -------- -
------------------ - -------------
------------- - --------
-
------------------ ------- -
----------------- -------- ---------- --------
-
-
-------------- - ----------这段代码会输出测试结果的详细信息，包括测试文件路径和测试结果对象。
当我们再次运行 npm test 命令时，控制台将显示以下结果：
😼 > test result /path/to/sum.test.js { numFailingTests: 0, numPassingTests: 1, ... }
PASS ./sum.test.js
✓ adds 1 + 2 to equal 3 (5ms)这证明我们已经成功实现了自定义的交互行为。
总结
本文介绍了如何使用 npm 包 jest-watcher 监视 Jest 测试运行器的输出并实现自定义交互。通过使用 jest-watcher，我们可以更直观地查看测试结果，并将其与其他应用程序集成。
希望这篇文章对前端开发人员有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/50413