Debugging protractor tests in Webstorm
Why Stack Overflow recommends it
Stack Overflow users link it when they need to set up or troubleshoot Protractor debugging in WebStorm, including breakpoints that fail to bind or sessions that hang.
Recommended by 3 people across 3 different months, 2014 to 2015.
What it is
A short screen-capture demo by Andres Dominguez showing how to set up and debug a Protractor end-to-end test inside the WebStorm IDE. It covers the run/debug configuration, breakpoints, and the test inclusion/exclusion window.
What people said
Recommends Andres D · 2014-03 · Stack Overflow · on “Can't debug protractor in Webstorm (it just hangs)”
Try watching this video and let me know if it works. [this video] Update: this is a bug in 19 / 20.1 [LINK] Try using an older version until it gets resolved.
Recommends guidoman · 2014-05 · Stack Overflow · on “How to debug angular protractor tests in WebStorm”
I was experiencing the same problems described by comments to S.Panfilov's answer, i.e., running protractor in WebStorm worked fine, but the debugging process got stuck somewhere. The issue is described here [LINK] . It was occurring under Mac OS X with version 0.20.1 of protractor, and node v0.10.26. The problem is solved in version 0.22 . Update protractor to the latest version (>= 0.22) using npm Run again: node_modules/protractor/bin/webdriver-manager update In WebStorm configure 'Your Protractor Conf' as described by S.Panfilov in his answer Set breakpoints in your protractor test file (watch this video [this video] first) Launch "Run > Debug 'Your Protractor Conf'" from WebStorm Enjoy debug
Recommends Dziamid · 2015-04 · Stack Overflow · on “Inspect WebdriverIO spec variables”
This is not the matter of webdriver-io, but the IDE you are using. What you are looking for is a remote debugging feature of an IDE. I've been doing that with Webstorm successfully. Have a look at this video [this video] on how to run setup test runner in Webstorm.
Cites Diego Pamio · 2014-02 · Stack Overflow · on “How to debug angular protractor tests in WebStorm”
An additional thing, in this video ( [this video] ) looks like web storm identifies the breakpoint with the usual "tick" inside, whereas in my case, it doesn't.
Cites Michael K. · 2014-11 · Stack Overflow · on “How to open Protractor/Jasmine Test inclusion/exclusion window in Webstorm”
How to open the Window Titled as "Select the Test or Suite to Include / Exclude" in Webstorm for Protractor/Jasmine Tests? I've seen it in this Video [this video] at 1:45, but did not find any documentation how to open it!