Integrate Allure Reporting in WebdriverIO

Allure allows you to generate beautiful test reports that can be easily be integrated with WebdriverIO. Let's take a look at how to do that:

Installation:

npm install @wdio/allure-reporter --save-dev

Configuration:

exports.config = {
  // ...
  reporters: [
    [
      'allure',
      {
        // test results will generate in the directory mentioned below
        outputDir: 'allure-results',
      },
    ],
  ],
  // ...
};

Run tests

npx wdio - This will generate a new directory allure-results containing all the test results as a bunch of JSON files

Display the report

To display the report, you need to first install Allure command line tool - npm install -g allure-commandline --save-dev.

Once installed run the following command to process the results - allure generate allure-results && allure open

This will open up a new browser window and will display all the results in a beautiful HTML format. ?

Check out this video to see a detailed explanation on how to generate and customize Allure reports:

To learn more about WebdriverIO, you can check out my free tutorial series here -

WebdriverIO - Tutorial Series for Beginners