前言
在前端开发中，测试是非常重要的一部分。Jest是一个优秀的JavaScript测试框架，它可以帮助开发者编写高质量的测试用例。但是，当我们在开发中需要不断执行同一单元测试时，可能会感到无聊和枯燥。这时，npm包jest-watch-repeat就可以派上用场了。
简介
jest-watch-repeat是Jest官方提供的一个npm包，它可以帮助我们在开发过程中通过监听和自动化的方式持续运行单元测试。当我们修改了代码时，它能够自动重复地运行测试用例，以确保我们的代码质量。
安装
在使用jest-watch-repeat之前，我们需要先安装npm包。可以通过以下命令进行安装：
$ npm install jest-watch-repeat --save-dev
配置
安装完成之后，我们需要在Jest配置中添加一个Watcher插件。在package.json或者jest.config.js中添加如下配置：
{
"jest": {
"watchPlugins": [
"jest-watch-repeat"
]
}
}使用
安装和配置完成之后，我们可以使用jest watch模式启动jest，运行如下命令：
$ npm run test:watch
当代码发生变化时，jest-watch-repeat会自动运行之前的测试用例。如果之前运行的测试用例有失败的情况，它也会自动重新运行。
参数配置
除了上述配置，我们还可以在命令行中输入一些参数来控制该插件的运行。以下是jest-watch-repeat支持的参数：
-r,--repeat [number]: 指定测试用例执行的次数，默认为 1 次。可以输入 -r 5 来指定执行 5 次。
-s,--save: 每次测试结束时，将当前的执行结果保存在测试结果的最后。可以输入 -s 参数来保存结果。
-f,--flip: 将测试用例的执行顺序翻转。可以输入 -f 参数来翻转测试顺序。
示例代码
最后，我们来看一个示例代码，假设我们有一个sum.js文件和sum.test.js文件：
sum.js
function sum(a, b) {
return a + b;
}
module.exports = sum;sum.test.js
const sum = require('./sum');
test('sum 1 + 2 to equal 3', () => {
expect(sum(1, 2)).toBe(3);
});我们可以通过添加配置和命令行参数来使用jest-watch-repeat：
package.json
-- -------------------- ---- -------
-
---------- -
------------- ----- ---------- -----------
--
------- -
--------------- -
--------------------- - --------- -- ------- ---- --
-
-
-然后我们运行如下命令：
$ npm run test:watch -- --flip
以上命令将会在修改代码时翻转测试用例的执行顺序，并执行三次测试用例，并保存结果。
总结
本文介绍了Jest的Watcher插件——jest-watch-repeat的使用方法和配置。通过输入不同的命令行参数，我们可以控制该插件的运行，优化测试用例运行的效率。Jest作为一个流行的JavaScript测试框架，拥有众多的插件和配置，可以帮助我们更便捷地完成测试用例的编写和运行，提高代码的可靠性和质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f026e34403f2923b035bd3f