使用 Jest 的 it.each 在测试描述中使用测试数据变量

本文介绍了如何在 Jest 中使用 it.each 方法，并在测试描述中动态地插入测试数据变量。通过示例代码，详细讲解了两种实现方式：使用格式化字符串和使用 describe.each 结合模板字符串。掌握这些技巧可以使你的测试描述更加清晰和易于理解，从而提高测试的可维护性。

使用 it.each 进行参数化测试

Jest 的 it.each 方法提供了一种方便的方式来运行参数化测试，即使用不同的输入数据多次运行同一个测试用例。这对于测试函数的各种边界情况和输入组合非常有用。

在测试描述中使用测试数据

在参数化测试中，我们经常需要在测试描述中包含当前测试用例的输入数据，以便更清楚地了解每个测试的目的。it.each 提供了几种方法来实现这一点。

方法一：使用格式化字符串

it.each 接受一个数组作为参数，数组中的每个元素代表一个测试用例。当数组元素是数组时，可以将测试描述字符串与格式化字符串结合使用。

it.each([
  ["nice test", "nice test"],
  ["failed test", "nice failed test"],
])(
  "Should property and expectedResult be the same for property: %s",
  (property, expectedResult) => {
    expect(property).toBe(expectedResult);
  }
);

在这个例子中，%s 是一个占位符，它会被替换为数组中的第一个元素，即 property 的值。 it.each 的第一个参数是一个数组，其中每个子数组代表一个测试用例。第二个参数是一个测试函数，它接受与子数组中元素数量相同的参数。

注意: %s 占位符用于字符串，如果需要使用其他类型的变量，可以使用相应的格式化占位符，例如 %d 用于数字，%j 用于 JSON 对象。

化妆美容美甲培训学校源码

一款织梦内核的化妆美甲培训学校源码，含整站栏目数据；演示站里边只生成了栏目页和首页，没有生成文章页，有朋友拿到源码的话可自行调试；截图为本地测试，确保可以正常使用，模板文件在templets文件夹下的pan文件夹中；留言可以在 核心——频道模板——自由列表中查看。

66

查看详情

方法二：使用 describe.each 和模板字符串

另一种方法是使用 describe.each 来定义一组测试用例，并在 it 块中使用模板字符串来动态生成测试描述。

describe.each([
  { property: 'nice test', expectedResult:'nice test' },
  { property: 'failed test', expectedResult: 'nice failed test' },
])('description', ({ property, expectedResult }) => {
  it(
    `Should property and expectedResult be the same for property: ${property}`,
    () => {
      expect(property).toBe(expectedResult);
    }
  );
})

在这个例子中，describe.each 接收一个包含对象的数组，每个对象代表一个测试用例。在 describe 块中，我们可以使用解构赋值来获取每个测试用例的属性，并在 it 块的模板字符串中使用这些属性来生成测试描述。

注意: 使用 describe.each 可以将测试用例的数据解构到外部作用域，使代码更具可读性。

总结

通过本文，我们学习了两种在 Jest 的 it.each 测试中，在测试描述中使用测试数据变量的方法：使用格式化字符串和使用 describe.each 结合模板字符串。选择哪种方法取决于你的个人偏好和代码风格。使用这些技巧可以使你的测试描述更加清晰和易于理解，从而提高测试的可维护性。

以上就是使用 Jest 的 it.each 在测试描述中使用测试数据变量的详细内容，更多请关注php中文网其它相关文章！