How to debug angular protractor tests in WebStorm

Question

There is a way to run and debug protractor web-tests in WebStorm. I just want to share this answer here

Answer 1

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. 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 first)
• Launch "Run > Debug 'Your Protractor Conf'" from WebStorm
• Enjoy debugging