测试JavaScript:Mocha

2018-11-05 13:38 更新

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测试,或创建运行/调试配置以执行部分​​或全部测试。

从编辑器运行单个测试

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

创建Mocha运行配置

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

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

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

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

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

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

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

通过运行配置运行测试

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

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

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

重新运行失败的测试

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

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

导航

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

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

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

从测试结果跳转到测试

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

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

调试测试

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

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

  • 在左侧装订线点击icons toolwindows toolWindowRun svg图标操作重新运行,并从弹出的列表中选择“调试<TEST_NAME>”。

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

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

  2. 从主工具栏上的列表中选择Mocha运行/调试配置,然后单击列表右侧的图标动作startDebugger svg

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

监控代码覆盖率

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

安装nyc

  • 打开内置的IntelliJ IDEA终端(Alt+F12)并输入:npm install --save-dev nyc。

以覆盖方式运行测试

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

  2. 从主工具栏上的列表中选择Mocha运行/调试配置,然后单击列表右侧的图标一般runWithCoverage svg
    或者,从编辑器快速运行特定套件或覆盖测试:在左侧装订线中单击icons toolwindows toolWindowRun svg图标操作重新运行,从弹出列表中选择带有Coverage的Run <test_name>。

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

    ws_mocha覆盖,report.png
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号