protractor-pretty-html-reporter

an easy to use html page for looking at protractor test results

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
protractor-pretty-html-reporter
1050.0.165 years ago6 years agoMinified + gzip package size for protractor-pretty-html-reporter in KB

Readme

protractor pretty html reporter
Build Status Latest Version NPM Version NPM Monthly Downloads
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)

screen shot
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

screen shot

Show a screen shot of the error page

screen shot

Show console logs

screen shot