PyCharm 2025.3 Help

Protractor

Protractor 是面向 Angular 和 AngularJS 应用的测试框架。 Protractor 会在真实浏览器中针对您的应用程序执行测试，从而确保测试结果的正确性和可靠性。 PyCharm 与 Protractor 集成，因此您可以在 IDE 内运行和调试测试。 您可以在树状视图中查看测试结果，并从中轻松导航到测试源。

开始之前

  1. 请确保您的计算机上已安装 Node.js。

  2. 请确保在 设置 | 插件 页面、 已安装 选项卡上启用了所需的 JavaScript 和 TypeScript 和 Angular 和 AngularJS 插件。 有关详细信息，请参阅 管理插件。

安装 Protractor

您可以在项目中本地安装 Protractor，或进行全局安装。 建议使用全局安装。

全局安装 Protractor

  1. 在嵌入式 终端 （Alt+F12 ）中，键入：

    npm install -g protractor

  2. 要下载所需的二进制文件，请键入 webdriver-manager update。 另请参阅 Protractor 官方网站上的入门。

运行测试

只能通过运行/调试配置启动 Protractor 测试。

创建 Protractor 运行配置

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

  2. 指定要使用的 Node.js 运行时。

    如果选择 项目 别名，PyCharm 将自动使用 Node.js 运行时 字段中 JavaScript 运行时 页面的项目默认解释器。 在大多数情况下，PyCharm 会检测到项目的默认运行时，并自行填充该字段。

    您也可以选择其他已配置的本地或远程解释器，或点击 “Browse” 按钮 并配置一个新的解释器。

  3. 指定 protractor 包的位置以及 protractor.conf.js 配置文件的路径。 如果遵循标准安装，PyCharm 会检测到所有这些路径，并在相应字段中显示它们。

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

通过运行配置运行测试

  1. 手动启动 Selenium Server，或在 protractor.conf.js 中将其配置为自动启动。 有关更多信息，请参阅 Protractor 官方网站。

  2. 从配置列表中选择 Protractor 运行/调试配置，然后在列表或工具栏中点击 “Run” 图标  。

  3. 在 运行 工具窗口的 <current_run_configuration_name> 选项卡中查看并分析来自服务器的消息。

导航

使用 PyCharm，您可以在文件与相关测试文件之间跳转，或从 测试运行器选项卡 中的测试结果跳转到测试。

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

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

调试测试

Protractor 测试的调试会话只能通过运行/调试配置启动。

开始调试测试

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

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

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

最后修改日期： 2025年 12月 2日
MochaVitest