AngularJS Protractor: Step-by-step progress logs

Question

In the (now deprecated) angular scenario test runner, there was an option to create a runner.html page that would run the tests in an iFrame while reporting the progress, step-by-step, in the main page.

Is there any way to get a similar step-by-step log for protractor tests? It does not need to be in an html page (console or log file would be fine).

Answer 1

Since v1.0.0-rc2 you can see failures in real time:

In your protractor config, add a jasmineNodeOpts object with realtimeFailure option to true:

exports.config = {
  seleniumAddress: 'http://127.0.0.1:4444/wd/hub',

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

  multiCapabilities: [
    {'browserName': 'firefox'},
    {'browserName': 'chrome'}
  ],

  baseUrl: 'http://localhost:8000',

  onPrepare: function() {},

  jasmineNodeOpts: {
    realtimeFailure: true
  }
};

The full list of jasmine options is here: minijasminenode

And the well detailed reference config file for protractor here: referenceConf.js

Answer 2

For that you can use the jasmine-spec-reporter for protractor. You'll have a visual feedback of all your passing and non-passing tests :

Easy to configure and looks really good in the console.

Hope this helps.