测试 JavaScript
借助 WebStorm,您可以使用 Karma、 Vitest、 Jest、 Protractor、 Cucumber.js、 Mocha 和 Node.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>。

创建运行/调试配置
在 运行/调试配置对话框( )中,点击
,并选择相应的配置类型。
接受默认设置或使用自定义值填写所需字段,请参阅特定测试框架的帮助。
使用运行/调试配置运行或调试测试
要运行测试,请选择所需配置,然后在配置列表或工具栏中单击
或
。

要调试测试,请 设置所需的断点 ,选择所需配置,然后在配置列表或工具栏中单击
。
