简介
Jest 是一个由 Facebook 开发的 JavaScript 测试框架,旨在提供零配置、快速和可扩展的测试环境。它支持全局状态和副作用的自动清除,并提供了一些内置的断言库和测试运行器。jest-silent-reporter 是一个 Jest 的报告器,可以让我们在测试运行完成后以一种简洁的方式查看测试结果。
安装
在项目目录下使用 npm 安装 jest-silent-reporter:
--- ------- ---------- --------------------
配置
在 jest.config.js 文件中添加如下配置:
-------------- - - ---------- ------------------------- --
使用
使用 Jest 运行测试时,jest-silent-reporter 将自动使用配置中定义的报告器。我们也可以在命令行上通过指定报告器的方式进行选择,例如:
--- ---- ----------------------------------------
除了缩短输出长度外,jest-silent-reporter 还提供了一些有用的选项来帮助我们更好地管理测试结果。
颜色
默认情况下,jest-silent-reporter 将颜色输出禁用。如果您想启用颜色输出,请在配置中添加如下选项:
-------------- - - ---------- - - ----------------------- - ------ ----- -- -- -- --
显示测试结果
默认情况下,jest-silent-reporter 将在测试运行完成后输出一个测试结果的概要,包括测试运行时间、测试覆盖率等。如果您想查看测试详细结果,请在命令行上添加 -verbose 或 --coverage 选项,例如:
--- ---- ---------- ----------------------------------------
自定义阈值
在使用 --coverage 选项时,我们可以根据测试覆盖率的百分比来判断测试是否通过。默认情况下,测试覆盖率的阈值是 80%。如果您想更改此设置,请在配置中添加如下选项:
-------------- - - ---------- - - ----------------------- - ------------------ - ------- - ----------- --- --------- --- ---------- --- ------ --- -- -- -- -- -- --
忽略文件
有时候我们需要排除一些文件不进行测试。在配置中添加如下选项,忽略匹配到的文件:
-------------- - - ---------- - - ----------------------- - ------------- ---------------------- ------------- --------------- -- -- -- --
示例代码
下面是一个简单的示例,展示了如何在使用 jest-silent-reporter 的情况下运行测试:
-- ------- ------ -------- ------ -- - ------ - - -- - ------ -------- ----------- -- - ------ - - -- -
-- ------------ ------ - ---- -------- - ---- ------------ ----------- -- -- - ------------- ------------ --- ---------------- -- -- - ------------------ ------------ ---
配置 jest.config.js:
-------------- - - ---------- - - ----------------------- - ------ ----- -- -- -- --
使用 npx jest 运行测试:
---- -------------- - --- -- --- - -------- -- --- ----------- --------------------- ---- ------- - ------- - ----- ------ - ------- - ----- ---------- - ----- ----- ----- - --- --- ---- -------
结论
使用 jest-silent-reporter 可以大大减少 Jest 测试结果输出的长度,并且在处理大型测试套件时可以更好的管理测试结果。它提供了一些选项和功能,可以帮助我们更好地定制测试结果。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/5f7078f0a9b7065299ccbb0a