使用 Jest 在 Visual Studio Code 中进行更好的单元测试

目录

前言：

使用 Jest 扩展显著改善测试流程

1.自动启动 Jest 测试

2. 显示单个失败/通过的测试用例

允许调试单元测试

在文件中显示代码覆盖率

结论

---

前言：

Jest是一个流行的JavaScript测试框架，它提供了简洁、灵活和强大的工具来编写和运行单元测试。在Visual Studio Code（VS Code）中使用Jest可以进一步提升单元测试的效率和体验。

使用 Jest 扩展显著改善测试流程

  我用 Jest 编写单元测试已经有 5-6 年了。 它总是能够为类、方法和组件编写适当的单元测试。在我的所有项目中，总是通过命令行运行 Jest。
  我在初始化项目时设置了一个简单的 npm test或 yarn test命令，并在需要手动测试时使用它。 此外，每当创建新的拉取/合并请求时，测试都会在 CI/CD 流水线中运行。
  然而，最近我发现了 VSCode Jest Extension。 此扩展提供了比命令行更好的工作流程。 让我们来看看几个功能。

1.自动启动 Jest 测试

  如果 Jest 安装在项目的根文件夹中，那么此插件将开箱即用，并将开始监视更改以运行相关测试。
  如果没有在根目录中安装 Jest，可以通过工作区中的 VSCode 设置或全局 VSCode 设置轻松设置自定义命令。 例如：
“jest.jestCommandLine”: “yarn test”

2. 显示单个失败/通过的测试用例

  VSCode Jest 扩展在测试通过/失败的测试文件中提供了一个可视化界面。 此外，可以通过单击绿色/红色图标重新运行测试。

  Jest 扩展在测试失败的地方添加了一个内联红色下划线，并显示详细的错误消息。 此外，可以在左侧看到所有测试的状态。<