@rpii/wdio-html-reporter

wdio-html-reporter

A reporter for webdriver.io which generates a HTML report. A fork of wdio-html-format-reporter

That project has not been updated and doesnt work with the latest webdriverio. Due to name conflict issues, this package had to be put in my user namespace. it is now in npm.

Installation

The easiest way is to keep the @rpii/wdio-html-reporter as a devDependency in your package.json:

{
  "devDependencies": {
    "@rpii/wdio-html-reporter": "~0.5.0"
  }
}

Or, you can simply do it with:

yarn add @rpii/wdio-html-reporter --dev

Configuration

The following code shows the default wdio test runner configuration. Just add 'html-format' as another reporter to the array:

// wdio.conf.js
module.exports = {
  // ...
  
  reporters: ['spec',
        ['@rpii/wdio-html-reporter', {
            debug: true,
            outputDir: './reports/html-results/',
            filename: 'report.html',
            reportTitle: 'Test Report Title',
            showInBrowser:true
        }
        ]
    ]
    
  // ...    
};

To show log messages in the output

    logMessage(message) {
        process.emit('test:log', message);
    }

To take a screenshot after test assert:

wdio.conf.js

    afterTest: function (test) {
        const path = require('path');
        const moment = require('moment');

        // if test passed, ignore, else take and save screenshot.
        if (test.passed) {
            return;
        }
        const timestamp = moment().format('YYYYMMDD-HHmmss.SSS');
        const filepath = path.join('reports/html-reports/screenshots/', timestamp + '.png');
        browser.saveScreenshot(filepath);
        process.emit('test:screenshot', filepath);
    },