SDET Unicorns

Integrate Allure Reporting in WebdriverIO

Table of Content

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

My Resources

Thrive Suite: The all-in-one WordPress theme I used to create my blog.
Jasper AI: My favorite AI writing tool.
Surfer SEO:  A tool to help you rank your content on the first page of Google.

Write Content Faster

5/5

Write blog posts that rank for affiliate terms!

Join our mailing list

Unlock the Secrets to Becoming a SDET Pro in the Industry!

Stay ahead of the curve! Join our mailing list for exclusive insights, tips, and the latest industry updates delivered straight to your inbox

Table of Content

Related Post

image

Common Types of Software Bugs

Dealing with bugs is one of the biggest headaches in the software development lifecycle. No matter how carefully someone writes code, it’s impossible to create a software product that works perfectly every time. Skipping detailed testing often causes major issues later on.

Read More »
How to inspect elements in Chrome?

How to Inspect Elements in Chrome?

Understanding how to use the “Inspect Element” feature in Chrome is a critical skill for web developers and designers alike. This tool is indispensable, no matter what web development task you’re tackling.

From resolving layout issues and debugging JavaScript to analyzing a webpage’s structure, Chrome’s Developer Tools’ “Elements” panel offers a robust suite of functionalities that enable you to delve into the HTML, CSS, and JavaScript that power websites.

Read More »