Integrate Allure Reporter in WebdriverIO

Dilpreet Johal
1 min readJul 30, 2020

--

https://youtu.be/eIVud4f0fac

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 toolnpm 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:

https://youtu.be/eIVud4f0fac

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

--

--

Dilpreet Johal
Dilpreet Johal

Written by Dilpreet Johal

SDET Architect | YouTuber | Tech Blogger | Love to explore new tools and technologies. Get access to all the courses— https://sdetunicorns.com/

No responses yet