Jest 运行报错？调试你的测试代码！
在前端开发中，测试是非常重要的一步，能够提高代码的质量和稳定性。Jest 是一个非常流行的 JavaScript 测试框架，它可以运行在 Node.js 和浏览器环境中。
但是，当你运行 Jest 测试时，有时候你会遇到一些奇怪的错误信息，这些错误信息可能会让你感到十分困惑。那么，当你遇到 Jest 运行报错时，该怎么办呢？本文将介绍如何调试测试代码以查找错误。
第一步：了解 Jest 中的错误信息
在 Jest 中，当测试失败时，它会输出一条详细的错误信息，包括哪个测试用例失败了，期望的结果是什么，实际的结果是什么，以及出错的文件和行数等信息。这些信息可以帮助你快速定位错误的位置。
例如，当你运行下面的测试用例时：
test('1 + 1 等于 2', () => {
expect(1 + 1).toBe(3);
});你会发现它输出了以下错误信息：
expect(received).toBe(expected) // Object.is equality Expected: 3 Received: 2
我们可以通过分析错误信息，知道这个测试用例的期望结果是 3，实际结果是 2，因此测试失败了。同时，我们还可以看到，这个测试用例出错的位置是在第 2 行。这些信息非常重要，可以帮助我们查找错误。
第二步：添加调试语句
当你遇到一些比较复杂的测试用例时，错误的原因可能不是那么明显。这时，你可以添加一些调试语句，在测试运行时输出一些变量的值，以帮助你查找错误。
在 Jest 中，你可以使用 console.log 语句来输出变量的值。例如：
test('计算器加法功能', () => {
const num1 = 2;
const num2 = 3;
const result = add(num1, num2);
console.log('result=', result)
expect(result).toBe(5);
});在这个测试用例中，我们在计算器加法的函数中添加了一个 console.log 语句，用来输出结果 result 的值。当测试运行时，它会在控制台输出 result=5，这个值是我们期望的结果。通过这个调试语句，我们可以确认这个函数的计算逻辑是正确的。
第三步：使用断言调试
在 Jest 中，你还可以使用断言调试来检查变量的值。断言是一种用来检查代码执行结果是否满足预期的方法。
在 Jest 中，expect 函数就是一种经典的断言，它可以用来断言某个值是否等于特定的值，或是否满足特定的条件。当断言失败时，Jest 会输出错误信息，指出错误的位置和原因。
例如，当你运行下面的测试用例时：
test('比较两个对象', () => {
const obj1 = {a: 1, b: 2};
const obj2 = {b: 2, a: 1};
expect(obj1).toEqual(obj2);
});你会发现它输出了以下错误信息：
Expected: {"a": 1, "b": 2}
Received: {"b": 2, "a": 1}这个测试用例的期望值是 obj1，实际值是 obj2，因此断言失败了。通过这个错误信息，我们可以发现，这个函数比较两个对象的代码出了问题，因为它没有考虑到对象属性的顺序不同也会导致比较结果不同。
总结
Jest 是一款非常优秀的测试框架，但是它也会遇到一些错误。当你遇到 Jest 运行报错时，你可以通过分析错误信息、添加调试语句以及断言调试来查找错误的原因。同时，你也可以通过这些调试技巧来提高测试代码的质量和稳定性。
下面是一个示例代码，它展示了如何在 Jest 中使用调试语句和断言调试来查找错误：
-- -------------------- ---- ------- -------- --------- ----- - ------ ---- - ---- - -- - --------------- -- -- - ----- ---- - -- ----- ---- - -- ----- ------ - --------- ------ ---------------------- ------- ----------------------- --- -------------- -- -- - ----- ---- - --- -- -- --- ----- ---- - --- -- -- --- --------------------------- ---
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/645c52f3968c7c53b0ea5e5c