WebStorm 2025.2 Help

测试 JavaScript

借助 WebStorm,您可以使用 KarmaVitestJestProtractorCucumber.jsMochaNode.js Test Runner 运行并调试 JavaScript 单元测试。

您可以通过树状视图查看测试结果,并从中轻松导航到测试源。 编辑器中会在测试旁显示测试状态,并提供快速运行或调试的选项:

从编辑器运行单个测试

对于 Jest、Karma 和 Mocha,WebStorm 还会显示代码覆盖率报告。

借助 WebStorm,您可以通过 转到测试 操作(Ctrl+Shift+T导航 | 测试 )从源代码快速跳转到相关测试文件。 例如,您可以从 auth.js 跳转到 auth.test.js

您还可以使用 结构 视图在测试文件中快速导航,该视图显示测试、套件的名称及此文件中定义的其他符号。

测试的结构视图

要跳转到 结构 工具窗口,请按 Ctrl+7。 或者,按 Ctrl+F12 以在编辑器中以弹出方式打开结构视图。

运行并调试测试

在开始测试 JavaScript 之前,请确保已在项目中安装并设置所选测试运行器,具体请参见相应页面。

在测试调试会话中,您可以 单步执行测试停止并恢复测试执行、 在挂起时检查测试在控制台中运行 JavaScript 代码片段 等。

使用 Mocha、Karma、Jest 或 Vitest 快速运行或调试单个测试

  • 要运行测试,请单击旁边边距中的 运行按钮重新运行 ,然后从列表中选择 运行 <test_name>

  • 要调试测试,请 设置所需的断点 ,点击测试旁边边距中的 运行按钮重新运行 ,然后从列表中选择 调试 <test_name>

从编辑器运行并调试测试

创建运行/调试配置

  1. 运行/调试配置对话框(运行 | 编辑配置 )中,点击 添加新配置 ,并选择相应的配置类型。

  2. 接受默认设置或使用自定义值填写所需字段,请参阅特定测试框架的帮助。

使用运行/调试配置运行或调试测试

  • 要运行测试,请选择所需配置,然后在配置列表或工具栏中单击 运行按钮带覆盖率运行

    运行小组件:运行测试
  • 要调试测试,请 设置所需的断点 ,选择所需配置,然后在配置列表或工具栏中单击 调试

    运行小组件:调试测试
最后修改日期: 2025年 9月 26日