JSTestDriver

• 在 设置 | 插件 页面、 Marketplace 选项卡上安装并启用 JSTestDriver 插件，如 从 JetBrains Marketplace 安装插件 中所述。

  通过此插件，PyCharm 提供 JSTestDriver 服务器和断言框架。 在创建测试期间，插件会检测到单元测试框架，并建议使用 添加 <test framework> 支持 意图操作。

1. 下载您选择的框架，并将其 配置为 一个 PyCharm JavaScript 库。

2. 执行以下任一操作：

   • 将项目文件夹添加到库范围。

   • 在创建测试时，使用 添加 <test framework> 支持 意图操作即时启用框架支持。

   • 要使用 Jasmine，请将 jasmine-jstd-adapter 添加到配置文件中。

     打开 jsTestDriver.conf 并在其中输入以下代码：

     load: lib/jasmine/jasmine.js lib/jasmine-jstd-adapter/JasmineAdapter.js

创建配置文件

1. 在 项目 树中，选择生产文件夹和测试文件夹的父文件夹，然后在上下文菜单中选择 新建 | 文件。

2. 在打开的 新建文件 对话框中，输入扩展名为 .jstd 或 .conf 的配置文件名称。

3. 在编辑器中打开新文件，并指定当前文件夹的完整路径以及相对于该文件夹要加载的文件路径。 在文件名模式中使用通配符。

4. 使用 YAML 完成配置文件，请参阅 测试运行器配置文件的说明。

从编辑器运行单个测试

• 在左侧装订区域中点击 或 ，并从列表中选择 运行 <test_name>。

• 您还可以直接在编辑器中查看测试是否通过或失败，这得益于装订区域中的 测试状态 图标 和 。

创建 JSTestDriver 运行配置

1. 打开 运行/调试配置 对话框（主菜单中的 运行 | 编辑配置 ），在左侧窗格点击 ，并从列表中选择 JSTestDriver。 将打开 运行/调试配置： JSTestDriver 对话框。

2. 指定要运行的测试、配置文件的路径，以及在测试执行之前要执行的活动。

启动 WebStorm 默认的 JSTestDriver 测试服务器

1. 请确保项目中至少有一个配置文件。

2. 打开 JSTestDriver 服务器 工具窗口（视图 | 工具窗口 | JSTestDriver 服务器 ），然后点击工具栏上的 。

单元测试完成后停止服务器

• 点击工具栏上的 。

捕获浏览器

1. 如果尚未运行，请 启动 JSTestDriver 服务器 ，然后切换到 JSTestDriver 服务器 工具窗口。

2. 要使用 JSTestDriver 的 远程控制台 启动本地浏览器，请执行以下任一操作：

   • 点击表示您所选浏览器的图标。

   • 如果浏览器已打开，请复制 使用 URL 捕获浏览器 只读字段的内容，并将该 URL 粘贴到地址栏中。

   在任一情况下，表示所选浏览器的图标都会变为活动状态。

3. 切换到 JSTestDriver 服务器 工具窗口，并点击表示您刚刚打开的浏览器的图标。 PyCharm 会显示一条消息，告知已准备好执行测试。

通过运行配置运行测试

1. 从配置列表中选择 JSTestDriver 运行/调试配置，然后在列表或工具栏中点击 &#xa0;。

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

• 要在测试与其被测对象之间相互跳转，请在编辑器中打开该文件，并从上下文菜单中选择 转到 | 测试(S) 或 转到 | 被测对象 ，或直接按 Ctrl+Shift+T。

• 要从测试结果跳转到测试定义，请在 测试运行器 选项卡中双击测试名称，或从上下文菜单中选择 跳转到源 ，或直接按 F4。 测试文件将在编辑器中打开，插入符号定位于测试定义处。

开始调试测试

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

2. 从配置列表中选择 JSTestDriver 运行/调试配置，然后在列表或工具栏中点击 &#xa0;。

3. 在打开的 调试工具窗口 中，按常规方式进行操作： 逐步执行程序、 停止并恢复程序执行、 在暂停时进行检查 、查看调用堆栈和变量、设置监视、对变量求值、 查看实际 HTML DOM ，等等。

使用覆盖率运行测试

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

2. 启动 JSTestDriver 服务器 ，并 捕获浏览器以运行测试。

3. 从配置列表中选择 JSTestDriver 运行/调试配置，然后在列表或工具栏中点击 &#xa0;。

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

从覆盖率分析中排除文件

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

2. 在 覆盖率 选项卡中，指定要排除的文件路径。