使用 WebStorm 调试量角器

Question

我正在尝试使用 WebStorm 来调试量角器端到端测试，我的 objective 是为了能够在测试代码中放置断点。我是新手，所以我可能做错了什么。

如 the protractor tutorial 所述，我更新了 webdriver-manager 并在 cmd 终端中使用此命令启动它（我正在处理 Windows）：

webdriver-manager start

这是我的量角器-conf.js 文件：

var ScreenshotReporter = require('./screenshotReporter.js');

exports.config = {
  // The address of a running selenium server.
  seleniumAddress: 'http://localhost:4444/wd/hub',

  //baseUrl: 'http://localhost:9000',

  framework: 'jasmine2',

  // Capabilities to be passed to the webdriver instance.
  capabilities: {
    'browserName': 'chrome'
  },

  specs: ['**/*_spec.js'],

  jasmineNodeOpts: {
    showColors: true,
    defaultTimeoutInterval: 30000
  },

  onPrepare: function() {
    jasmine.getEnv().addReporter(new ScreenshotReporter("test-e2e/screenshotFailures/"));
  }
};

我在 WebStorm 中创建了这样的配置：

节点解释器： C:\Program Files\nodejs\node.exe

工作目录： C:*********\ref-app

Javascript 文件: node_modules\protractor\lib\cli.js

应用参数： test-e2e/protractor-conf.js

在我尝试了几件事之后：

运行 Protactor 在 WebStorm 中使用运行按钮：失败：无法在页面上找到 Angular /：重试寻找 angular 超出
使用 WebStorm 中的调试按钮调试量角器：我可以在 WebStorm 控制台中看到这一点，但之后没有任何反应：
```
Using the selenium server at http://localhost:4444/wd/hub
[launcher] Running 1 instances of WebDriver
Started
F
```
修改protractor-conf.js添加baseUrl
```
baseUrl: 'http://localhost:9000',
```
然后在端口 9000 上启动一个本地网络服务器
如果我运行量角器在 WebStorm 中使用运行按钮，它工作正常但我无法设置断点
如果我在 WebStorm 中使用调试按钮调试 Prtoractor，我只能在控制台中看到它，但之后没有任何反应：
```
Using the selenium server at http://localhost:4444/wd/hub
[launcher] Running 1 instances of WebDriver
Started
```

编辑： 正如我在下面的评论中所说，我正在使用：量角器 3.1.0 WebStorm 11.0.3

当我尝试使用 webstorm 进行调试时，它会打开 Chrome windows 但屏幕完全空白，在 URL 中，您有：data:,（我不认为它有用，但我不知道该尝试什么）

知道我做错了什么吗？

Answer 1

您可以运行节点处于 --inspect-brk 模式，并附加远程调试器，例如 chrome 开发工具：

使用 ng serve 和运行

启动您的应用

node --inspect-brk ./node_modules/protractor/bin/protractor ./protractor.conf.js

现在节点等待调试器附加。

然后就可以打开chrome://inspect/#devices了。你的应用程序应该出现在那里。最后点击检查目标/您的应用程序，瞧，您现在可以使用断点和 debugger; 语句。

使用 WebStorm 调试量角器

Debugging protractor using WebStorm

debugging

breakpoints

webstorm

angularjs

protractor