How to debug angular protractor tests in WebStorm

javascript angularjs node.js protractor webstorm
Sergei Panfilov picture Sergei Panfilov · Nov 22, 2013 · Viewed 22k times · Source

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

Answer

Sergei Panfilov picture Sergei Panfilov · Nov 22, 2013
  1. Get the node path (Type which node in your terminal)
  2. In the WebStorm: Click on "Edit configurations" - the dropdown to the left of the "Run" button (green arrow like a "play" button)
  3. Click on the "Add button" (green +) to add a new Node configuration. Select "Node.js"
  4. Fill the params:

Node interpreter: Full path to Node.js (from step 1)

Working directory: home directory for the protractor tests.

Javascript file: Full path to node_modules/protractor/lib/cli.js

Application parameters: Full path to protractor-conf.js

Now you be able to run and debug tests by clicking on "Run" or "Debug" buttons on the top of IDE

Related questions

How to do Integration Testing for (Angularjs) Web Apps

I'm developing an Webapp. It consists of 2 parts. A node rest server and an angularjs client. The app is structured this way: Rest Server <--> Api Module <--> Angular App The server is currently well tested. …

Read More
How to reload or re-render the entire page using AngularJS

After rendering the entire page based on several user contexts and having made several $http requests, I want the user to be able to switch contexts and re-render everything again (resending all $http requests, etc). If I just redirect the …

Read More
WebSocket connection failed: Error during WebSocket handshake: Unexpected response code: 400

I am trying to integrate Socket.io with Angular and I'm having difficulties making a connection from the client-side to the server. I've looked through other related questions but my issue is happening locally, so there's no web server in …

Read More