在 Jest 中使用高级断言 toEqual，使你的测试精准到位

在前端开发中，测试是一个非常重要的环节。而在测试中，断言是一个不可或缺的工具。Jest 是一个非常流行的前端测试框架，它提供了丰富的断言方法，其中 toEqual 是一个非常常用的断言方法。

toEqual 的基本用法

toEqual 方法用于判断两个对象是否相等。当两个对象的属性和属性值完全相等时，toEqual 方法会返回 true，否则返回 false。

test('toEqual basic usage', () => {
  const a = { foo: 'bar' };
  const b = { foo: 'bar' };
  expect(a).toEqual(b);
});

在上面的例子中，我们定义了两个对象 a 和 b，它们的属性和属性值完全相等，因此使用 toEqual 方法判断它们相等，测试通过。

toEqual 的高级用法

除了基本用法之外，toEqual 还有一些高级用法，可以让我们的测试更加精准。

数组比较

当我们需要比较两个数组时，使用 toEqual 方法会比较两个数组的元素是否相等，而不是比较两个数组的引用是否相等。

test('toEqual array comparison', () => {
  const a = [1, 2, 3];
  const b = [1, 2, 3];
  expect(a).toEqual(b);
});

在上面的例子中，我们定义了两个数组 a 和 b，它们的元素相等，因此使用 toEqual 方法判断它们相等，测试通过。

对象比较

当我们需要比较两个对象时，使用 toEqual 方法会比较两个对象的属性和属性值是否相等，而不是比较两个对象的引用是否相等。

test('toEqual object comparison', () => {
  const a = { foo: 'bar', baz: 1 };
  const b = { foo: 'bar', baz: 1 };
  expect(a).toEqual(b);
});

在上面的例子中，我们定义了两个对象 a 和 b，它们的属性和属性值相等，因此使用 toEqual 方法判断它们相等，测试通过。

对象属性顺序

当我们需要比较两个对象时，toEqual 方法会比较两个对象的属性和属性值是否相等，但是它不会比较两个对象的属性顺序是否相等。

test('toEqual object property order', () => {
  const a = { foo: 'bar', baz: 1 };
  const b = { baz: 1, foo: 'bar' };
  expect(a).toEqual(b);
});

在上面的例子中，我们定义了两个对象 a 和 b，它们的属性和属性值相等，但是它们的属性顺序不同，因此使用 toEqual 方法判断它们不相等，测试不通过。

对象属性值类型

当我们需要比较两个对象时，toEqual 方法会比较两个对象的属性和属性值是否相等，但是它不会比较两个对象的属性值类型是否相等。

test('toEqual object property value type', () => {
  const a = { foo: 'bar', baz: 1 };
  const b = { foo: 'bar', baz: '1' };
  expect(a).toEqual(b);
});

在上面的例子中，我们定义了两个对象 a 和 b，它们的属性和属性值相等，但是它们的属性值类型不同，因此使用 toEqual 方法判断它们不相等，测试不通过。

总结

在 Jest 中使用高级断言 toEqual 可以使我们的测试更加精准，避免了一些不必要的错误。在编写测试时，我们应该根据具体的情况选择不同的断言方法，以达到最佳的测试效果。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65c09924add4f0e0ffa9d8bb