前言
在前端开发中，测试是非常重要的一环。而 Jest 则是一个成熟的测试框架，能够满足我们大部分的需求。其中，expect 是 Jest 中常用的方法之一，可以帮助我们断言测试结果是否正确。但是，当测试失败时，expect 方法会默认输出一些错误信息，这些信息可能并不能很明确地指出测试失败的具体原因。因此，在 Jest 中加入了一个 expect.message 的方法，能够帮助我们更准确地输出失败信息。
在本文中，我们将介绍一个 npm 包 @types/jest-expect-message，这个包可以帮助我们更方便地使用 expect.message 方法，并提供更详细的错误信息。
安装和使用
首先，我们需要在项目中安装 @types/jest-expect-message。可以使用 npm 或者 yarn 安装：
npm install --save-dev @types/jest-expect-message
或者
yarn add --dev @types/jest-expect-message
安装完成后，在项目的 Jest 配置文件中，我们需要添加以下配置：
{
"preset": "@shelf/jest-mongodb",
"setupFilesAfterEnv": ["@types/jest-expect-message"],
"testEnvironment": "jsdom"
}其中，setupFilesAfterEnv 配置项会在所有测试运行前执行。这里指定了 @types/jest-expect-message，因此在测试中我们就可以直接使用 expect.message 方法了。
示例代码
下面是一个比较简单的测试用例。我们将对一个给定的数组进行排序，然后判断排序结果是否正确。同时，我们会使用 expect.message 方法输出更详细的错误信息。
describe('sortArray()', () => {
it('sorts an array correctly', () => {
const input = [3, 1, 4, 1, 5, 9, 2, 6, 5, 3, 5];
const expectedOutput = [1, 1, 2, 3, 3, 4, 5, 5, 5, 6, 9];
const actualOutput = sortArray(input);
expect(actualOutput).toEqual(expectedOutput, 'Sorting failed');
});
});在以上代码中，我们使用了 toEqual 方法判断结果是否相等。但是，当测试失败时，输出结果并不能准确反映失败原因。
为了更准确地输出错误信息，我们加入了 expect.message 方法，并在测试失败时指定了自定义的错误信息 'Sorting failed'。
这样一来，我们就可以更方便地定位测试失败的原因了。
总结
在本文中，我们学习了如何在 Jest 中使用 expect.message 方法，并介绍了 @types/jest-expect-message 这个 npm 包。通过这个包，我们可以更方便地使用 expect.message 方法，并输出更详细的错误信息，从而加快我们的测试开发速度。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedb92ab5cbfe1ea0611881