Vitest

CLion 集成了 Vitest ，一个 Vite原生的单元测试框架。您可以从编辑器和通过运行/调试配置运行、调试、进行快照测试和测量测试覆盖率。

您可以重新运行失败的测试或打开监视模式。当您以此模式启动测试会话时，CLion 会监控项目源代码中的更改。一旦对测试或其主体进行了任何更改，CLion 就会重新运行受影响的测试，您甚至不必重新启动运行/调试配置。

在开始之前

下载并安装 Node.js。
请在设置中确保已启用 JavaScript 和 TypeScript 插件。按下 Ctrl+Alt+S 打开设置，然后选择插件。点击已安装选项卡。在搜索字段中，键入 JavaScript and TypeScript。有关插件的更多信息，请参阅插件管理。

安装 Vitest

在嵌入的终端 (Alt+F12 )中，输入：
npm install --save-dev vitest

请参阅 Vitest 官方网站上的入门指南和配置 Vitest了解详情。

运行并调试测试

在 CLion 中，您可以直接从编辑器中快速运行或调试单个 Vitest 测试，或者创建运行/调试配置以运行或调试某些或全部测试。

如需了解有关为 JavaScript 和 TypeScript 代码创建 Vitest 测试的更多信息，请参阅 Vitest 官方网站上的 Vitest features。

从编辑器运行或调试单个测试

点击装订区域中的或，并从列表中选择运行 <test_name>。
您还可以在编辑器中直接查看测试是否通过或失败，这要归功于测试状态图标和。
要调试测试，在其中设置断点，点击装订区域中的或，然后从列表中选择调试 <test_name>。
在 Debug 工具窗口中，检查挂起的测试并逐步执行。

创建 Vitest 运行配置

打开运行/调试配置对话框（运行 | 编辑配置在主菜单中），点击在左侧窗格中，然后从列表中选择 Vitest。运行/调试配置：Vitest 对话框将打开。
或者，在 Project 工具窗口中选择一个测试文件 Alt+1 ，并从上下文菜单中选择创建 <文件名>。
指定要使用的 Node.js 解释器。
如果您选择 Project 别名，CLion 将自动使用 Node 解释器字段中 Node.js 页面的项目默认解释器。在大多数情况下，CLion 会检测到项目的默认解释器并自动填写该字段。
您也可以选择另一个已配置的本地解释器，或点击并配置一个新的解释器。
可选地指定 Node.js 特定的选项参数和传递给 Node.js 的环境变量。
指定 vitest 软件包的位置。
指定应用程序的工作目录。默认情况下，工作目录字段显示项目根文件夹。若要更改此预定义设置，请指定所需文件夹的路径。
指定要运行的测试。这可以是一个特定的测试或套件，整个测试文件或包含测试文件的文件夹。
默认情况下， vite.config.ts 被使用。如果 vite.config.ts 丢失，或您希望使用自定义配置，请指定 vitest.config.ts 进行使用。请访问 Vitest 官方网站了解更多信息。
可选：
在相关源码文件或测试中进行变更时自动配置重新运行测试。要做到这一点，请在 --watch 标志中添加 Vitest 选项字段。
您还可以添加其他 Vitest 选项。如需了解更多信息，请参考 Vitest official website。
可选：
在 Node 选项字段中，输入要传递给 Node.js 可执行文件的特定命令行选项。可接受的选项是：
- 使用 --require coffeescript/register ，运行期间可以将 CoffeeScript 文件即时编译为 JavaScript。
  这种模式要求 register.js 文件（属于 coffeescript 软件包）位于您的项目内。因此，请确保您已按照安装 CoffeeScript 编译器中的说明，在本地安装了 coffeescript 包。
- 使用 --inspect 或 --inspect-brk 参数以支持 Chrome Debugging Protocol。

通过运行配置运行测试

从配置列表中选择 Vitest 运行/调试配置，然后点击在列表中或工具栏上。
在测试运行器选项卡的运行工具窗口中监控测试执行并分析测试结果。如需更多信息，请参阅探索测试结果。
要调试测试，设置断点在必要的地方，选择运行/调试配置，然后点击。

重新运行测试

您可以重新运行指定作用域内的所有测试 Alt+Shift+R 或仅重新运行失败的测试。

您还可以在监视模式中启动测试。在此模式下，CLion 监控保存的测试和相关测试对象的更改。一旦检测到更改，CLion 将在不中断当前测试会话的情况下重新运行受影响的测试。

重新运行失败的测试

点击测试结果工具栏。 CLion 将执行上一会话中失败的所有测试。
若要重新运行某个特定失败的测试，请在其上下文菜单中选择运行 <test name>。

有关更多信息，请参阅重新运行测试。

自动重新运行更新的测试（监视模式）

打开 Vitest 运行/调试配置，或如上文所述创建一个新的配置。
在 Vitest 选项字段中，输入 --watch。在自动生成的所有测试配置中， --watch 选项已指定。
启动运行/调试配置。如果某些测试失败，您可以在不中止测试会话的情况下更新它们或相关测试对象。一旦您的更改被保存，CLion 会检测到它们并重新运行受影响的测试。
在下面的示例中，第 29 行的 vue.test.ts 测试失败了。使用 --watch 选项后，测试将在 vue.test.ts 将 '4 x 4 = 18' 替换为 '4 x 4 = 16' 并在 Ctrl+S 中保存更改后重新运行，或将焦点从 CLion 移开。