有时我们需要对我们的项目进行测试，这时就需要用到 Jest 这样的框架。但是 Jest 只是一个框架，如果我们需要对测试结果进行美化，就需要使用 Jest Reporter。今天我们来介绍一款 Jest Reporter 的 npm 包 jest-mario-reporter。
安装
首先，我们需要在我们的项目中安装 jest-mario-reporter，可以使用 npm 来进行安装：
npm i jest-mario-reporter -D
配置
接着，在 project 下的 jest.config.js 文件中，我们需要添加以下配置：
module.exports = {
reporters: [
'default',
'jest-mario-reporter'
]
}添加完以上配置后，jest-mario-reporter 就可以正常运行了。
使用
运行 Jest 测试时，test 结束后，jest-mario-reporter 会显示一个游戏界面，显示测试结果可视化。通过按下回车键可以退出界面，回到命令行。
下面是一个示例代码：
// app.test.js
describe('App', () => {
test('renders without crashing', () => {
expect(true).toBeTruthy();
});
});意义
jest-mario-reporter 的出现，使得测试结果更加友好，我们可以通过图像化的方式看到测试结果，让我们在进行测试时有更直观的感受。
总结
在本篇文章中，我们介绍了 npm 包 jest-mario-reporter 的使用教程，包括安装、配置、使用和意义。使用 jest-mario-reporter 可以让我们更好地了解测试结果，有助于测试。
希望本文对大家有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005676281e8991b448e3d6b