Integrate Allure Reporter 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, check out my free tutorial series here -

https://www.youtube.com/watch?v=e8goAKb6CC0&list=PL6AdzyjjD5HBbt9amjf3wIVMaobb28ZYN.

I hope this post helped you out, let me know in the comments below!

Happy testing! 😄

...

Follow @automationbro on Twitter
Subscribe to my YouTube channel