测试

Visual Studio Code 提供了丰富的功能集来测试您的代码。您可以自动发现项目中的测试、运行和调试测试，并获取测试覆盖率结果。VS Code 中的 GitHub Copilot 可以帮助您为项目设置测试框架，并帮助您生成测试代码和修复失败的测试。

在本文中，您将学习如何在 VS Code 中开始测试，找到流行的测试扩展，并探索测试功能。您还将学习 VS Code 中的 Copilot 如何帮助您更快地编写测试，并帮助您修复失败的测试。

关于 VS Code 中的测试

VS Code 中的测试支持是语言特定的，取决于您安装的测试扩展。语言扩展或独立扩展可以为特定语言或测试框架实现测试功能。

VS Code 具有以下测试代码的功能：

• 支持多种测试框架：语言扩展和独立测试扩展为各种语言和测试运行器提供支持，例如 Jest、Mocha、Pytest、JUnit 等。

• 集中式测试管理：测试资源管理器提供一个集中位置来管理和运行项目中的测试。根据测试扩展的不同，测试资源管理器可能会自动发现项目中的测试。

• 集成测试结果：在编辑器中与测试代码并行查看测试状态，或在测试资源管理器中查看所有测试。详细的测试结果可在“测试结果”面板中找到。

• 调试：调试您的测试以诊断测试失败。利用 VS Code 中丰富的调试支持，例如断点、监视变量等。

• 测试覆盖率：运行带覆盖率的测试，以查看您的代码有多少被测试覆盖。

• AI 辅助测试：在 VS Code 中使用 GitHub Copilot 帮助您设置测试框架、生成测试代码和修复失败的测试。

• 任务集成：通过创建任务来运行测试，使您的测试工作更轻松。您还可以在更改代码时在后台运行测试。

VS Code 中的测试入门

要在 VS Code 中开始测试，请按照以下步骤操作：

1. 打开“扩展”视图并为您的项目安装测试扩展。按测试类别过滤扩展（@category:"testing"）。

2. 在活动栏中选择烧杯图标（）以打开测试资源管理器并发现项目中的测试。

3. 从测试资源管理器或直接从编辑器运行和调试测试。

测试扩展

您可以在Visual Studio Marketplace中查找支持测试的扩展。您还可以转到“扩展”视图（⇧⌘X (Windows, Linux Ctrl+Shift+X)），并按测试类别进行筛选。

测试视图中的自动测试发现

“测试”视图提供了一个集中位置来管理和运行测试。您可以通过在活动栏中选择烧杯图标（）来访问“测试”视图。您还可以使用命令面板中的测试：聚焦测试资源管理器视图命令（⇧⌘P (Windows, Linux Ctrl+Shift+P)）。

如果您的项目中有测试，则“测试资源管理器”视图会发现并列出工作区中的测试。默认情况下，发现的测试以树状视图显示在“测试资源管理器”中。树状视图与测试的层次结构匹配，便于导航和运行测试。

您可以通过选择播放按钮从“测试资源管理器”运行测试。在运行和调试测试部分了解更多关于运行和调试测试的信息。

如果您的测试很多，您可以使用过滤选项快速找到您感兴趣的测试。您可以使用筛选器按钮按状态筛选测试或仅显示当前文件的测试。您还可以使用搜索框按名称搜索特定测试或使用@符号按状态搜索。

在更多操作菜单中，您可以访问更多功能，例如排序和显示选项。

如果您添加新测试或更改测试，请使用刷新测试按钮刷新“测试资源管理器”中的测试列表。您还可以使用命令面板中的测试资源管理器：重新加载测试命令（⇧⌘P (Windows, Linux Ctrl+Shift+P)）。

使用 AI 编写测试

编写测试可能很耗时，而且通常会被忽略。Copilot 可以通过为您的应用程序创建测试代码来加快编写测试的过程。您可以使用它来编写单元测试、集成测试、端到端测试等。

要在 VS Code 中使用 Copilot 编写测试，您可以使用以下任一方法：

• 编辑器智能操作

  1. （可选）选择一段应用程序代码

  2. 在编辑器中右键单击，然后选择Copilot > 生成测试

• 聊天提示

  1. 打开要为其生成测试的应用程序代码文件

  2. 打开 Copilot 编辑（）、聊天视图（⌃⌘I (Windows, Linux Ctrl+Alt+I)）或编辑器内联聊天（⌘I (Windows, Linux Ctrl+I)）

  3. 输入提示以生成测试，例如为此代码生成测试。同时包含边缘情况的测试。

     通过在提示中键入#file来为提示添加额外上下文。例如，为此代码生成测试 #file:calculator.js

     提示

     在 GitHub Copilot 文档中获取更多生成单元测试、模拟对象或端到端测试的示例提示。

Copilot 将为您的应用程序代码生成测试用例代码。如果您已经有一个测试文件，Copilot 将在那里添加测试，或者在需要时创建一个新文件。您可以通过向 Copilot 提供更多提示来进一步自定义生成的测试。例如，您可以要求 Copilot 使用另一个测试框架。

了解更多关于在 VS Code 中使用 Copilot的信息。

运行和调试测试

在发现项目中的测试后，您可以直接在 VS Code 中运行和调试测试，并查看测试结果。

在“测试资源管理器”中，使用部分标题中的控件来运行或调试所有测试。您还可以通过选择特定节点上的运行/调试图标来运行或调试树状视图中的特定测试。

当您在编辑器中查看测试代码时，使用编辑器边槽中的播放控件来运行该位置的测试。

右键单击边槽控件以查看其他操作，例如调试测试。

运行一个或多个测试后，编辑器边槽和“测试资源管理器”中的树状视图会显示相应的测试状态（通过/失败）。当测试失败时，请注意测试错误消息会以叠加形式显示在编辑器中。

使用“测试资源管理器”中的显示输出按钮在测试结果面板中查看测试输出。

测试覆盖率

测试覆盖率是衡量代码被测试覆盖的程度。它有助于您识别代码中未被测试的区域。如果相应的测试扩展支持测试覆盖率，VS Code 支持运行带覆盖率的测试并查看覆盖率结果。

您可以运行带覆盖率的测试，就像运行和调试测试一样。使用“测试资源管理器”视图、编辑器边槽中的相应操作，或命令面板中的命令（⇧⌘P (Windows, Linux Ctrl+Shift+P)）。

运行带覆盖率的测试后，您可以在不同位置查看覆盖率结果：

• 在“测试覆盖率”视图中

  树状视图显示测试及其覆盖率百分比。颜色指示器也提供了覆盖率百分比的视觉提示。将鼠标悬停在每行上可以查看有关覆盖率结果的更多详细信息。

  

• 作为编辑器中的叠加层

  对于具有测试覆盖率的代码文件，编辑器会在边槽中显示一个颜色叠加层，以指示哪些行被测试覆盖或未被覆盖。当您将鼠标悬停在边槽上时，请注意对于已覆盖的行，还有一个指示器显示该行被执行的次数。您还可以选择编辑器标题栏中的显示内联覆盖率按钮或使用测试：显示内联覆盖率命令（⌘; ⇧⌘I (Windows, Linux Ctrl+; Ctrl+Shift+I)）来切换覆盖率叠加层。

  

• 在“资源管理器”视图中，它显示代码文件的覆盖率百分比

  “资源管理器”视图显示代码文件的覆盖率百分比。将鼠标悬停在“资源管理器”中的文件或节点上，可以查看有关覆盖率结果的更多详细信息。

  

• 在差异编辑器中

  如果打开了差异编辑器，覆盖率结果也会在差异编辑器中显示，类似于在编辑器中显示的方式。

任务集成

VS Code 中的任务可以配置为在 VS Code 内运行脚本和启动进程，而无需输入命令行或编写新代码。在 VS Code 中，您可以定义一个默认测试任务来运行测试，并可选地创建键盘快捷键来运行测试。

使用命令任务：配置默认测试任务来配置默认测试任务。VS Code 尝试自动检测测试任务，例如根据您的package.json文件。选择默认测试任务后，将打开tasks.json文件供您自定义任务。

以下代码片段显示了一个tasks.json文件，它将node --test命令指定为默认测试任务。

{
  "version": "2.0.0",
  "tasks": [
    {
      "type": "npm",
      "script": "test",
      "group": {
        "kind": "test",
        "isDefault": true
      },
      "problemMatcher": [],
      "label": "npm: test",
      "detail": "node --test src/tests/**.js"
    }
  ]
}

要运行测试任务，请使用命令任务：运行测试任务或为该命令创建键盘快捷键。

了解更多关于使用和配置任务的信息。

测试配置设置

您可以配置多个设置来自定义 VS Code 中的测试体验。每个语言扩展可能会提供特定于该语言测试的其他设置。以下是一些您可以配置的常见设置：

您可以在“设置”编辑器（⌘, (Windows, Linux Ctrl+,)）中找到所有与测试相关的设置。

后续步骤

• 开始在Python、Java或C#中进行测试

• 了解更多关于VS Code 中 Copilot 和 AI 辅助测试的信息

• 了解更多关于使用和配置任务的信息