专业的

业力

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

2. 确保在“设置”| “启用” JavaScript 和 TypeScript以及Karma所需的插件。插件页面，选项卡已安装。有关更多信息，请参阅管理插件。

1. 打开嵌入式终端( )。AltF12

2. 键入以下命令之一：

   • npm install如果 Karma 和所有必需的插件已在package.json中定义。

   • 安装 Karma 和插件作为开发依赖项：

     npm install --save-dev karma
     npm install --save-dev <karma_plugin> <another_karma_plugin>

创建 Karma 配置文件

1. 打开终端并根据您的操作系统键入以下命令之一来启动karma.conf.js生成向导：

   • 对于 macOS 和 Linux ：. /node_modules /karma /bin /karma init

   • 对于 Windows：

     npm install -g karma-cli
     karma init

2. 回答向导的问题，指定要使用的测试框架以及要自动捕获的浏览器。

   另请参阅Karma 文件：模式匹配。

从编辑器运行单个测试

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

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

创建 Karma 运行配置

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

   提示

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

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

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

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

   （可选）指定Node.js 特定的选项参数和要传递给 Node.js 的环境变量。

3. 指定包的位置和karma.conf.jskarma的路径。

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

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

6. （可选）指定要传递给 Karma 的命令行选项，以覆盖karma.conf.js配置文件中的默认设置。

   例如，要在 Headless Chrome 中运行或调试测试，请--browsers ChromeHeadless在Karma 选项字段中键入。有关更多信息，请参阅使用 Headless Chrome 进行自动化测试。

   提示

   或者，添加'ChromeHeadless'到karma.conf.jsbrowsers中的选项。

   要查看所有可用的 CLI 选项，请karma start --help在Terminal 中输入。AltF12

通过运行配置运行测试

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

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

重新运行失败的测试

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

  

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

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

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

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

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

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

1. 在测试中设置断点。

2. 单击左侧装订线中的或，然后从列表中选择“调试 <test_name>” 。

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

1. 必要时设置断点。

2. 如上所述创建 Karma 运行/调试配置。

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

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

安装业力覆盖

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

  npm install  --save-dev karma-coverage

将 karma-coverage 定义添加到配置文件中

1. 在编辑器中打开karma.conf.js 。

2. 找到reporters定义并添加coverage到以下格式的值列表中：

   reporters: ['progress', 'coverage']

3. 添加preprocessors定义并指定覆盖范围，格式为：

   preprocessors: {'**/*.js': ['coverage']}

启动覆盖范围的测试

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

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

   或者，使用编辑器中的测试图标快速运行特定套件或覆盖率测试。

   

3. 在覆盖率工具窗口中监视代码覆盖率。

   每次运行Karma测试时，实际上都会在磁盘上生成覆盖率报告。覆盖率报告的格式可以在配置文件中配置，例如：

   // karma.conf.js
   module.exports = function(config) {
   config.set({ ...
   // optionally, configure the reporter
   coverageReporter: { type : 'html', dir : 'coverage/' }
   ...
   });};

   以下type值是可接受的：

   • html生成一堆带有注释源代码的 HTML 文件。

   • lcovonly生成lcov.info文件。

   • lcov生成 HTML + .lcov文件。默认情况下应用此格式。

   • cobertura生成一个cobertura-coverage.xml文件以方便 Hudson 集成。

   • text-summary生成覆盖范围的紧凑文本摘要，通常发送到控制台。

   • text生成覆盖所有文件的详细文本表。