专业的

笑话

1. 确保您的计算机上有Node.js。

2. 确保在设置中启用JavaScript 和 TypeScript插件。按打开 IDE 设置，然后选择插件。单击“已安装”选项卡。在搜索字段中，输入JavaScript 和 TypeScript。有关插件的更多信息，请参阅管理插件。CtrlAlt0S

• 在嵌入式终端( ) 中，键入：AltF12

  npm install --save-dev jest

从编辑器运行单个测试

• 单击装订线中的或，然后从列表中选择运行 <test_name> 。

  

  通过测试状态图标和装订线，您还可以直接在编辑器中查看测试是通过还是失败。

从项目工具窗口运行文件夹中的所有测试

• 在“项目”工具窗口中，选择包含测试的文件夹，然后选择“运行 <文件夹名称> 中的测试”。

  

创建 Jest 运行配置

1. 打开“运行/调试配置”对话框（主菜单上的“运行”|“编辑配置” ），单击左侧窗格，然后从列表中选择Jest 。“运行/调试配置：Jest ”对话框打开。

   提示

   或者，在“项目”工具窗口中选择一个测试文件，然后从上下文菜单中选择“创建 <文件名>” 。

2. 指定要使用的 Node.js 解释器。

   如果您选择项目别名，PyCharm 将自动使用Node.js页面上的节点解释器字段中的项目默认解释器。在大多数情况下，PyCharm 会检测项目默认解释器并填写字段本身。

   您还可以选择另一个已配置的本地或远程解释器，或者单击并配置一个新解释器。

3. 指定jest、react-scripts、react-script-ts、react-super-scripts或react-awesome-scripts包的位置 。

4. 指定应用程序的工作目录。默认情况下，工作目录字段显示项目根文件夹。要更改此预定义设置，请指定所需文件夹的路径。

5. 指定要运行的测试。这可以是特定的测试或套件、整个测试文件或包含测试文件的文件夹。

6. （可选）指定要使用的jest.config.js或jest.config.ts文件：从列表中选择相关文件，或者在打开的对话框中单击并选择它，或者仅在字段中键入路径。

   如果该字段为空，PyCharm 会查找带有键的package.jsonjest文件。搜索是在文件系统中从工作目录向上执行的。如果没有找到合适的package.json文件，则会动态生成Jest 默认配置。

7. 可选：

   配置根据相关源文件中的更改自动重新运行测试。为此，请--watch在Jest 选项字段中添加标志。

   您还可以稍后在测试会话期间按“运行”工具窗口中的“监视更改”切换按钮来打开监视模式，请参阅下面的更改时自动重新运行测试（监视模式）。

8. 可选：

   指定执行命令的环境变量。PyCharm 将在 的完成列表中显示这些变量process.env。

   

9. 在“节点选项”字段中，可以选择键入要传递到 Node.js 可执行文件的 Node.js 特定命令行选项。可接受的选项是：

   • 用于在运行期间--require coffeescript/register将CoffeeScript文件即时编译为 JavaScript。

     此模式要求register.js文件（包的一部分）coffeescript位于您的项目内。因此，请确保您已按照安装 CoffeeScript 编译器coffeescript中所述在本地安装了该软件包。

   • 当您使用 Node.js v7 来支持Chrome 调试协议时，请使用--inspect或参数。否则，默认情况下调试过程将使用V8 调试协议。--inspect-brk

   • 如果您在项目中使用ECMAScript 模块—experimental-vm-modules，PyCharm 会检测它们并自动将标志添加到节点选项字段。

通过运行配置运行测试

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

2. 在“运行”工具窗口的“测试运行器”选项卡中监视测试执行并分析测试结果。有关更多信息，请参阅探索测试结果。

重新运行失败的测试

• 在“测试运行程序”选项卡中，单击工具栏上的 。PyCharm 将执行上一个会话期间失败的所有测试。

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

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

根据更改自动重新运行测试（监视模式）

PyCharm 支持监视模式，在该模式下，一旦对测试相关的源文件进行任何更改，测试就会自动重新运行。因此，您只需更改代码即可，而无需手动重新运行测试或重新启动Jest运行/调试配置。

• 在“测试运行程序”选项卡中，按“监视更改”切换按钮。

  

  动图

• 或者，在运行/调试配置的Jest 选项--watch字段中添加标志，请参阅上面的创建 Jest 运行配置。

• 要在测试及其主题之间跳转（反之亦然），请在编辑器中打开文件，然后选择转到| 测试或转到 | 从上下文菜单中测试主题，或者只需按。CtrlShift0T

• 要从测试结果跳转到测试定义，请单击“测试运行程序”选项卡中的测试名称两次，或者从上下文菜单中选择“跳转到源” ，或者只需按。测试文件在编辑器中打开，插入符号位于测试定义处。F4

• 要在“测试运行程序”选项卡中从测试或套件定义跳转到其结果，请单击装订线中的或并从列表中选择“在测试树中选择 <test_name>” 。

  

  动图

• 对于失败的测试，PyCharm 会从堆栈跟踪中将您带到测试中的失败行。如果堆栈跟踪中没有确切的行，您将进入测试定义。

  

  动图

• 必要时设置断点。

• 要从编辑器开始调试单个测试，请单击装订线中的或并从列表中选择“调试 <test_name>” 。

• 要开始调试文件夹中的所有测试，请在项目工具窗口中选择该文件夹，然后从上下文菜单中选择调试“<文件夹名称> 中的测试” 。

  

• 要通过运行/调试配置启动测试调试，请如上所述创建 Jest 运行/调试配置。然后从配置列表中选择 Jest 运行/调试配置，然后单击   列表或工具栏上的 。

在打开的“调试”工具窗口中，照常进行：单步执行测试、停止和恢复测试执行、在挂起时检查测试、在控制台中运行 JavaScript 代码片段，等等。

运行覆盖率测试

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

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

   或者，从编辑器快速运行特定套件或具有覆盖率的测试：单击装订线中的或，然后从列表中选择运行 <test_name> with Coverage 。

   

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

   

在你开始之前

1. 在设置 |安装Node.js和Node.js 远程解释器插件 插件页面，选项卡Marketplace ，如从 JetBrains Marketplace 安装插件中所述。

2. 确保在设置中启用了Docker插件。按打开 IDE 设置，然后选择插件。单击“已安装”选项卡。在搜索字段中，输入Docker。有关插件的更多信息，请参阅管理插件。CtrlAlt0S

3. 按照Docker中的说明下载、安装和配置Docker

4. 在 Docker 中或通过Docker Compose配置 Node.js 远程解释器，并将其设置为项目中的默认解释器。还要确保与此远程解释器关联的包管理器设置为项目默认值。

5. 打开package.json并确保 Jest 在以下devDependencies部分中列出：

   {
       "name": "node-express",
       "version": "0.0.0",
       "private": true,
       "dependencies": {
           "cookie-parser": "~1.4.4",
           "debug": "~2.6.9",
           "express": "~4.16.1",
           "http-errors": "~1.6.3",
           "morgan": "~1.9.1",
           "pug": "^3.0.2"
       },
       "devDependencies": {
           "eslint": "^8.1.0",
           "http-server": "^14.0.0",
           "jest": "^27.3.1"
       }
   }

6. 右键单击编辑器中的任意位置，然后从上下文菜单中选择运行“<package manager> install” 。

运行测试

1. 根据Jest 官方网站的说明创建测试。

2. 与本地开发一样继续：直接从编辑器运行和调试单个测试，或创建运行/调试配置以启动部分或全部测试，如上面的运行测试和调试测试中所述。