Jest 测试异常的捕获与断言-JavaScript中文网-JavaScript教程资源分享门户

前言

在前端开发中，测试已经成为一个不可或缺的环节。而 Jest 作为一个流行的 JavaScript 测试框架，可以帮助我们更方便地进行测试。在测试过程中，异常的捕获和断言是非常重要的环节，本文将详细介绍 Jest 中异常的捕获与断言的使用方法。

异常的捕获

在编写测试用例时，我们经常需要测试一些特殊情况，例如函数的异常情况。在 Jest 中，我们可以使用 try...catch 语句来捕获函数抛出的异常。下面是一个简单的示例：

// javascriptcn.com 代码示例
function divide(a, b) {
  if (b === 0) {
    throw new Error('division by zero');
  }
  return a / b;
}

test('divide by zero', () => {
  try {
    divide(1, 0);
  } catch (e) {
    expect(e).toMatchObject({
      message: 'division by zero',
    });
  }
});

在上面的代码中，我们定义了一个函数 divide，它用来计算两个数的商。当除数为 0 时，函数会抛出一个异常。在测试用例中，我们使用 try...catch 语句捕获了这个异常，并使用 expect 断言函数抛出的异常的 message 是否为 'division by zero'。

除了使用 try...catch 语句外，Jest 还提供了一个更简单的方法来捕获异常，即使用 expect().toThrow()。下面是一个示例：

// javascriptcn.com 代码示例
function divide(a, b) {
  if (b === 0) {
    throw new Error('division by zero');
  }
  return a / b;
}

test('divide by zero', () => {
  expect(() => {
    divide(1, 0);
  }).toThrow('division by zero');
});

在这个示例中，我们直接使用 expect().toThrow() 来捕获函数抛出的异常，并且断言异常的 message 是否为 'division by zero'。

异常的断言

在捕获异常后，我们需要对异常进行断言。在 Jest 中，我们可以使用 expect 断言异常的 message、name、stack 等属性。下面是一个示例：

// javascriptcn.com 代码示例
function divide(a, b) {
  if (b === 0) {
    throw new Error('division by zero');
  }
  return a / b;
}

test('divide by zero', () => {
  try {
    divide(1, 0);
  } catch (e) {
    expect(e).toMatchObject({
      message: 'division by zero',
      name: 'Error',
    });
    expect(e.stack).toMatch(/at divide/);
  }
});

在这个示例中，我们断言异常的 message 是否为 'division by zero'，name 是否为 'Error'，以及 stack 是否包含 'at divide'。

除了使用 expect 断言异常的属性外，Jest 还提供了一些专门用于断言异常的方法，例如 expect().toThrow()、expect().toThrowError()、expect().toThrowErrorMatchingSnapshot() 等。下面是一个示例：

// javascriptcn.com 代码示例
function divide(a, b) {
  if (b === 0) {
    throw new TypeError('division by zero');
  }
  return a / b;
}

test('divide by zero', () => {
  expect(() => {
    divide(1, 0);
  }).toThrowError(TypeError);
  expect(() => {
    divide(1, 0);
  }).toThrowErrorMatchingSnapshot();
});

在这个示例中，我们使用 expect().toThrowError() 断言抛出的异常是否为 TypeError 类型，使用 expect().toThrowErrorMatchingSnapshot() 断言异常是否匹配快照。这些方法可以帮助我们更方便地进行异常的断言。

总结

异常的捕获和断言是测试中非常重要的环节，它可以帮助我们测试一些特殊情况，例如函数的异常情况。在 Jest 中，我们可以使用 try...catch 语句或 expect().toThrow() 来捕获异常，使用 expect 断言异常的属性或使用 expect().toThrowError()、expect().toThrowErrorMatchingSnapshot() 等方法来进行断言。掌握这些技巧可以帮助我们更方便地进行测试，提高代码的质量和稳定性。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/6586890dd2f5e1655d0f8d07