WebStorm 2021.1 Help

量角器

ProtractorAngularAngularJS应用程序的测试框架。Protractor 针对您在真实浏览器中运行的应用程序执行测试,从而确保测试结果的正确性和可信度。WebStorm 与 Protractor 集成,因此您可以从 IDE 内部运行和调试测试。您可以在树形视图中查看测试结果,并从那里轻松导航到测试源。

在你开始前

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

安装量角器

您可以在本地、项目中或全局安装 Protractor。全局安装更可取。

全局安装 Protractor

  1. 在嵌入式终端( Alt+F12) 中,键入:

    npm install -g protractor

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

运行测试

量角器测试仅通过运行/调试配置启动。

创建量角器运行配置

  1. 打开运行/调试配置对话框(主菜单上的运行|编辑配置添加按钮),单击左侧窗格,然后从列表中选择量角器。运行/调试配置:量角器对话框打开。

  2. 指定要使用的 Node.js 解释器。这可以是本地 Node.js 解释器Windows Subsystem for Linux 上的Node.js。

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

通过运行配置运行测试

  1. 手动启动 Selenium 服务器或在protractor.conf.js中将其配置为自动启动。详情见量角器官网

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

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

导航

使用 WebStorm,您可以在文件和相关测试文件之间跳转,或者从测试运行选项卡中的测试结果跳转到测试。

  • 要在测试与其主题之间跳转或反之亦然,请在编辑器中打开文件并选择Go to | 测试前往 | 从上下文菜单中测试主题Ctrl+Shift+T,或只需按。

  • 要从测试结果跳转到测试定义,请在Test Runner选项卡中单击测试名称两次,或者从上下文菜单中选择Jump to SourceF4 ,或者只需按。测试文件在编辑器中打开,光标位于测试定义上。

调试测试

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

开始调试测试

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

  2. 从主工具栏的列表中选择 Protractor 运行/调试配置,然后单击在覆盖范围内运行  列表右侧的 。

    ws_select_run_configuration_protractor.png
  3. 在打开的调试工具窗口中,照常进行:逐步执行测试停止和恢复测试执行、暂停时检查测试在控制台中运行 JavaScript 代码片段,等等。

最后修改:2021 年 10 月 13 日