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