protractor pretty html reporter

npm i protractor-pretty-html-reporter --save-dev

NOTE: jasmine is set as a peer dependency

Basic features

• Pass/Fail at a glance via navbar highlighting
• Bolds it('segment') within describe sentence for easy code searching
• Adds timing in milliseconds for total run time and spec run times
• Browser console logs for each spec
• Long running test support, report can be refreshed during test runs (see options)
• Suspect Line, best guess in the stack trace for your code (see options)
• Screenshots (see options)

More Screenshots

Basic Setup

protractor.conf

var PrettyReporter = require('protractor-pretty-html-reporter').Reporter;

var prettyReporter = new PrettyReporter({
    // required, there is no default
    path: path.join(__dirname, 'results'),
    screenshotOnPassed: true
});

module.exports = {
    /* the rest of the object omitted */
    onPrepare: function() {
        jasmine.getEnv().addReporter(prettyReporter);
    },
    /* if using isSharded option see below */
    beforeLaunch() {
        prettyReporter.startReporter();
    }
};

Reporter Options

Name	Type	Default	Description
path	String		path the report.html will be written to (required)
screenshotOnPassed	Boolean	false	take screenshots for passing tests too.
writeReportEachSpec	Boolean	true	writes the report.html after each spec completes, this is recommended for long running tests
showBrowser	Boolean	true	shows browser icon on the overview
highlightSuspectLine	Boolean	true	highlight the "suspect line" in the dialog
isSharded	Boolean	false	turn on if using { shardOnSpec: true} option in protractor. See above for beforeLaunch hook that is needed as well.

More Screenshots

Highlight the suspect line in your stacktrace

Show a screen shot of the error page

Show console logs