如何在 WebStorm 中调试角度量角器测试

Posted

技术标签:

【中文标题】如何在 WebStorm 中调试角度量角器测试【英文标题】:How to debug angular protractor tests in WebStorm 【发布时间】:2013-12-06 21:01:04 【问题描述】:

有一种方法可以在 WebStorm 中运行和调试量角器网络测试。 我只想在这里分享this答案

【问题讨论】:

【参考方案1】:

顺便说一下如果你需要传递额外的参数这里是你需要的配置

从列表中选择‘Node.js’配置 名称:“量角器” 节点解释器:'C:\Program Files\nodejs\node.exe' 节点参数:'' 工作目录: javascript 文件:'~\AppData\Roaming\npm\node_modules\protractor\built\cli.js' 应用程序参数,这是您指定 conf 的路径,相对于工作目录^,然后是这样的参数:'e2e/settings/configs/protractor.custom.conf.js --baseUrl=" https://stage.mysite.com" --params.login="testuser" --params.password="test_USER00"' 环境变量:''

这个配置在我的项目中效果很好,我们只依赖 async/await 语法

【讨论】:

【参考方案2】:

对于 Mac OSX: 在左边你可以看到测试文件夹结构

【讨论】:

【参考方案3】:

有效!这是我的设置

【讨论】:

这仅适用于我在节点参数中添加“--harmony” 路径现在是 node_modules/protractor/built/cli.js 我的 Mac 上的完整路径是 /usr/local/lib/node_modules/protractor/built/cli.js 还要确保保持ng服务运行,网络风暴只是运行量角器测试不会像命令行那样启动服务器。【参考方案4】:

像这里的其他一些响应一样,我发现我可以在发布中运行但不能在调试中运行,并且它会在某个时候挂起。我发现我将 conf 文件设置为针对两个浏览器,这对于调试器来说似乎太多了,它会在没有更多信息的情况下挂起。仅针对一个浏览器为我解决了这个问题。

【讨论】:

【参考方案5】:

我遇到了 cmets 对 S.Panfilov 的回答所描述的相同问题,即在 WebStorm 中运行量角器工作正常,但调试过程卡在某个地方。

问题描述为here。它发生在 Mac OS X 下,量角器版本为 0.20.1,节点为 v0.10.26。

版本 0.22 解决了该问题。

使用 npm 将量角器更新到最新版本 (>= 0.22) 再次运行:node_modules/protractor/bin/webdriver-manager update 在 WebStorm 中配置“您的量角器配置”,如 S.Panfilov 在他的回答中所述 在量角器测试文件中设置断点(首先观看this video) 从 WebStorm 启动“Run > Debug 'Your Protractor Conf'” 享受调试的乐趣

【讨论】:

【参考方案6】:

为我工作。它在错误的文件夹中寻找 protractor.conf.js。不得不查找几个目录。

应用参数:../../protractor.conf.js

【讨论】:

【参考方案7】:
    获取节点路径(在终端中输入which node) 在 WebStorm 中:点击“编辑配置” - “运行”按钮左侧的下拉菜单(绿色箭头,类似于“播放”按钮) 点击“添加按钮”(绿色+)添加新的节点配置。选择“Node.js” 填写参数:

节点解释器:Node.js 的完整路径(从第 1 步开始)

工作目录:量角器测试的主目录。

Javascript 文件node_modules/protractor/lib/cli.js 的完整路径

应用程序参数protractor-conf.js的完整路径

现在您可以通过单击 IDE 顶部的“运行”或“调试”按钮来运行和调试测试

【讨论】:

嗯.. 可能是几个步骤没搞清楚?请提供更多信息,我会尽力帮助您 是的,对我也不起作用;在这里详细张贴-***.com/q/21992414/537913 在我的情况下,如果我使用“调试”(错误图标)它不会启动测试,如果我使用“运行”(播放图标)它会启动测试,但它不会停止任何地方。 看起来像使用“调试”选项(错误图标),它将 --debug-brk=62532 --nolazy 添加到节点命令行。 另外一件事,在这个视频中 (youtube.com/watch?v=VLMyI7QKcwg) 看起来 webstorm 用通常的“tick”来识别断点,而在我的例子中,它没有。

以上是关于如何在 WebStorm 中调试角度量角器测试的主要内容,如果未能解决你的问题,请参考以下文章

调试proctor(带/不带webstorm)

如何在md-option中执行量角器测试

如何在量角器测试中测试重新排序 Ag-Grid 列?

如何在angularjs e2e量角器测试中上传文件

使用量角器如何检查是不是在 UI 中删除了选项(例如“Ping 测试”)

如何在量角器测试用例中模拟“Control + Space”?