在编写前端测试用例时，Jest 是一个非常流行的 JavaScript 测试框架。它提供了一种简单而有效的方式来测试代码，并且它具有丰富的功能，可以使测试变得更加容易。其中，Jest 中有两个非常常用的断言方法：toBe 和 toEqual。但是，这两个方法有什么不同呢？
toBe 方法
toBe 是 Jest 中的默认断言方法。它用于比较两个变量是否严格相等，即它们的值和数据类型完全相同。如果两者不相等，Jest 将抛出一个错误。
下面是一个基本的示例：
test('2+2等于4', () => {
expect(2 + 2).toBe(4);
});这个测试用例将测试 2+2 是否等于 4。如果正确，则测试结果为通过。否则，测试结果将失败。
需要注意的是，toBe 断言方法是非常适用于数字、字符串、布尔值和 null。但是当涉及到对象或数组时，它可能会出现错误。因为两个不同的对象或数组虽然具有相同的属性和值，但是它们是不同的对象，不会严格相等。
toEqual 方法
如果你需要比较对象或数组的属性值是否相等，那么 toEqual 方法可能更适合。toEqual 方法也是检查两个变量是否相等，但它使用的是深度比较，也就是说它会递归地比较对象或数组内部的值，直到发现不相等的属性或元素。
下面是一个示例：
test('两个数组是否相等', () => {
const arr1 = [1, 2, { a: 1 }];
const arr2 = [1, 2, { a: 1 }];
expect(arr1).toEqual(arr2);
});这个测试用例将检查两个数组是否相等。即使这是两个不同的数组，但它们的元素值及其顺序完全相同，测试结果将通过。
需要注意的是，toEqual 断言方法会将对象或数组内部的所有属性和元素进行比较，包括新添加的属性。
总结
总的来说，toBe 方法适用于简单数据类型，而 toEqual 方法适用于复杂的数据类型，例如对象和数组。当你需要检查对象或数组内部属性值时，使用 toEqual 方法通常是更好的选择。
最后，一定要在使用这两种断言方法时，仔细理解你的测试用例的预期结果，并确保你的测试结果与实际代码行为一致。
希望这篇文章可以帮助你更好地使用 Jest 进行前端测试。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65ae04b8add4f0e0ff78f9c7