在编写 JavaScript 的测试代码时，我们通常需要针对各种不同的输入进行测试，并期望测试结果符合预期。为了方便测试用例的管理和维护，我们可以使用 Jest 测试框架及其相关的 npm 包。
其中，jest-each 是一个非常实用的 npm 包，它可以让我们更加简洁地编写针对不同输入的测试用例，从而提高测试代码的可读性和可维护性。
安装 jest-each
首先，在项目中安装 jest 和 jest-each：
npm install jest jest-each --save-dev
在 package.json 中，我们应该看到以下类似的配置项：
{
"devDependencies": {
"jest": "^27.3.1",
"jest-each": "^28.0.2"
}
}使用 jest-each
假设我们有一个名为 add 的函数，接受两个数字参数并返回它们的和。我们希望编写一些测试用例验证该函数的正确性。
function add(a, b) {
return a + b;
}传统的测试代码可能是这样的：
test('add', () => {
expect(add(1, 2)).toBe(3);
expect(add(-1, 1)).toBe(0);
expect(add(0.1, 0.2)).toBeCloseTo(0.3);
});这样的代码重复度较高，而且难以管理。使用 jest-each，我们可以这样编写测试用例：
-- -------------------- ---- -------
--------------- -- -- -
----- --------- - -
--- -- ---
---- -- ---
----- ---- -----
--
----------------------------- --- ------ ------ ---- --- -- --------- -- -
------------- -------------------
---
---这段代码中，我们首先定义了一个 testCases 数组，其中每个元素是一个包含三个数字的数组，分别代表函数的两个输入参数和期望的输出结果。
接着，我们使用 test.each 函数来遍历这个数组，并对每个元素执行一次测试。在测试用例的描述中，我们可以使用 %d、%s 等占位符来引用输入参数或期望的结果。
在测试用例的回调函数中，我们可以像平常一样调用 expect 来进行断言。
更多示例
除了以上的例子，我们还可以使用更多的方式来组合不同的输入参数和期望的结果。例如：
-- -------------------- ---- -------
-------------------- -- -- -
----- ----- - -
--- -- ---
--- --- ----
---- --- ---
--
-------------------- - -- ------ -- ---- --- -- ------- -- -
-------- - ----------------
---
---在这个例子中，我们使用了模板字符串来描述测试用例的表达式。同时，我们还可以使用 $ 符号来引用变量：
-- -------------------- ---- -------
------------------ -- -- -
----- ----- - -
- --------- -- -------- -- --------- - --
- --------- -- -------- -- --------- -------- --
- --------- --- -------- -- --------- -- --
- --------- --- -------- --- --------- - --
--
-----------------
---------- - -------- ------ -- -----------
-- --------- -------- -------- -- -- -
--------------- - ------------------------
--
---总结
jest-each 是一个非常实用的 npm 包，可以帮助我们更加简洁地编写测试用例。通过组合不同的输入参数和期
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/50408