前端开发中，bug 是难以避免的，数据处理、逻辑处理等等都可能出现错误。当我们遇到 bug 时，往往需要花费很多时间来定位并修复它们。这时候，单元测试就成为了一项很有必要的工具。Jest 测试框架作为一个流行的单元测试框架，提供了丰富的工具和api来简化我们的单元测试工作。
在本文中，我们将主要介绍 Jest 测试框架中对错误模块的单元测试，通过深入测试错误处理代码，我们可以更好地了解 Jest 的单元测试能力和测试方法。
为什么要单元测试错误处理代码？
错误处理的错误可以说是前端开发中最常见的问题之一。许多开发人员会对错误处理代码进行剪裁，甚至把错误抛到全局空间中。这种缺乏良好的错误处理的代码可能导致很多问题，其中包括：
- 难以维护和理解的代码。
- 费时的 bug 定位和调试。
- 应用程序的不稳定性。
单元测试可为开发人员提供两个主要的好处：
- 更快的调试和修复 bug - 单元测试会提供一个快速的、可重复的方法来测试全部或部分代码，能够快速识别和解决错误。
- 更好的代码 - 单元测试是反馈代码和应用程序行为的良好方法，能够在编写代码的同时保持测试代码的完整性，从而更好地测试和验证应用程序。
Jest 的错误处理单元测试
在 Jest 中单元测试，我们需要创建一个测试代码文件，在其中编写相关的测试代码。对于错误处理单元测试，可以使用以下 Jest API：
expect(value).toThrow(error)
expect(() => {code}).toThrow(error)- toThrow 指定函数应该引发异常，如果函数未抛出异常，则测试失败。
下面，我们将讨论几个错误处理的测试示例。
测试 try/catch 代码块
当我们需要进行错误处理时，使用 try/catch 代码块非常普遍。在 Jest 测试中，我们可以测试 try/catch 块中抛出的错误。在测试代码中，我们可以使用 toThrow API 来测试错误是否正确地抛出了。
-- -------------------- ---- -------
------------ -- ------- -- -- -
-------- -------------------- -
--- -
-- ---- ----- ----
- ------------ -
----- --- -------------- --------
-
-
------------------------------------------- --------
---这个测试确保 compileCurrentCode 函数抛出了一个错误，并确保错误消息与预期的匹配。
测试 reject() 方法返回错误
许多前端代码都使用 Promise 处理异步代码。 reject 方法是指定 Promise 对象的一部分，会返回一个错误对象。在 Jest 中，我们需要测试失败的 Promise 对象是否按预期返回。
test('testing invoke() throws an error with bad input', async () => {
const controller = new DomainController();
await expect(controller.invoke('sauron-way')).rejects.toThrow('Invalid input');
});这个测试确保错误的 Promise 返回预期的错误信息。
测试 throw 关键词引发错误
有时, 我们的错误处理需要使用 throw 关键字来手动抛出一个错误. Jest 提供 toThrow API 的重载，允许我们测试在 throw 关键字下是否适当地引发了错误。
test('throws an error with bad input', () => {
function exampleCode() {
throw new Error('Bad input');
}
expect(exampleCode).toThrow('Bad input');
});这个测试确保错误消息与预期的匹配。
总结
在本文中，我们介绍了 Jest 测试框架中对错误模块的单元测试的方法和技巧。我们讨论了测试 try/catch 代码块、reject() 方法返回错误和throw关键词引发错误三种测试情境。希望这些测试实例可以帮助您更好地测试和验证您的应用程序的错误处理代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/651f750695b1f8cacd7038c2