测试JavaScript：Mocha

Mocha

此功能仅在Ultimate版本中受支持。

Mocha是一个JavaScript测试框架，对执行异步测试场景特别有用。IntelliJ IDEA与Mocha集成，因此您可以在IDE外部使用它。您可以在树视图中查看测试结果，并从那里轻松导航到测试源。测试状态显示在编辑器的测试旁边，可以选择快速运行或调试它。

安装Mocha

• 打开内置的IntelliJ IDEA 终端（Alt+F12）并在命令提示符下键入以下命令之一：

  • npm install mocha，该命令用于项目中的本地安装。

  • npm install -g mocha，该命令用于全局安装。

  • npm install --save-dev mocha，该命令安装Mocha作为开发依赖项。

  另请参阅Mocha官方网站上的入门。

运行测试

使用IntelliJ IDEA，您可以直接从编辑器快速运行单个Mocha测试，或创建运行/调试配置以执行部分​​或全部测试。

从编辑器运行单个测试

• 单击左侧装订线中的或，然后从弹出列表中选择“运行<test_name> ”。由于左侧装订线中有测试状态图标，您还可以在编辑器中查看测试是否已通过或失败。

创建Mocha运行配置

1. 在“项目”工具窗口中选择一个测试文件，然后在上下文菜单中选择“ 创建<文件名> ”。该“运行/调试配置：Mocha”对话框打开。

2. 指定要使用的节点解释器以及mocha包的位置。

3. 指定应用程序的工作目录。

   默认情况下，工作目录字段显示项目根文件夹。要更改此预定义设置，请指定所需文件夹的路径，或从列表中选择以前使用的文件夹。

4. （可选）配置在相关源文件中的更改时自动重新运行测试。为此，请在Extra Mocha选项字段中添加--watch标志。

5. 指定要运行的测试。这可以是特定的测试或套件，整个测试文件或包含测试文件的文件夹。您还可以定义模式以仅运行匹配文件中的测试。

6. 选择要运行的测试中使用的接口。

通过运行配置运行测试

1. 从主工具栏上的列表中选择Mocha运行/调试配置，然后单击列表右侧的。

2. 测试服务器自动启动，无需您执行任何步骤。在“运行”工具窗口中查看和分析来自测试服务器的消息。

3. 在“运行”工具窗口的“测试运行器”选项卡中监视测试执行。

重新运行失败的测试

• 在Test Runner选项卡中，单击工具栏上的。IntelliJ IDEA将执行上一个会话期间失败的所有测试。

• 要重新运行特定的失败测试，​​请在其上下文菜单中选择“运行<测试名称> ”。

导航

使用IntelliJ IDEA，您可以在文件和相关的测试文件之间切换。还支持从“测试运行器”选项卡中的测试结果导航 到测试。

在文件和相关测试文件之间跳转

• 在编辑器中打开文件，然后在上下文菜单中选择：Go To|测试，或Go To|测试主题，或者只需按Ctrl+Shift+T。

从测试结果跳转到测试

• 在Test Runner选项卡中选择测试名称，然后在上下文菜单中选择Jump to Source。

  测试文件在编辑器中打开，光标位于测试定义中。

调试测试

使用IntelliJ IDEA，您可以直接从编辑器快速开始调试单个Mocha测试，或创建运行/调试配置来调试部分或全部测试。

从编辑器开始调试单个测试

• 在左侧装订线点击或，并从弹出的列表中选择“调试<TEST_NAME>”。

通过运行/调试配置启动测试调试

1. 如上所述，创建Mocha运行/调试配置。

2. 从主工具栏上的列表中选择Mocha运行/调试配置，然后单击列表右侧的。

3. 在打开的调试工具窗口中，像往常一样继续：逐步完成测试，停止并恢复测试执行，暂停时检查测试等。

监控代码覆盖率

使用IntelliJ IDEA，您还可以监控Mocha测试涵盖的代码量 。IntelliJ IDEA在专用工具窗口中显示此统计信息，并在编辑器中直观地标记有遮盖和未遮盖的线条。要监控覆盖范围，您需要安装nyc，即Istanbul的命令行界面。

安装nyc

• 打开内置的IntelliJ IDEA终端（Alt+F12）并输入：npm install --save-dev nyc。

以覆盖方式运行测试

1. 如上所述，创建Mocha运行/调试配置。

2. 从主工具栏上的列表中选择Mocha运行/调试配置，然后单击列表右侧的。
   或者，从编辑器快速运行特定套件或覆盖测试：在左侧装订线中单击或，从弹出列表中选择带有Coverage的Run <test_name>。

3. 在Coverage工具窗口中监视代码覆盖率 。该报告显示测试覆盖了多少文件以及其中包含的行的百分比。从报告中，您可以跳转到该文件并查看覆盖的行 - 标记为绿色 - 以及未覆盖的行 - 标记为红色：