WebdriverIO Tutorial | Comprehensive Reporting Tools | Allure, HTML, JSON

About The Video

In this part 10 of our WebdriverIO series, join Marco A Cruz, founder of automateNow, as he explores the world of WebdriverIO reporters. Discover 8 popular reporting options, including Dot, Spec, JSON, and Allure reporters, and learn how to configure and customize them for effective test automation workflows.

Video Chapters

00:00 Introduction

01:11 Overview

02:25 Dot Reporter

04:37 Concise Reporter

05:58 Spec Reporter

07:35 JSON Reporter

11:16 HTML Reporter

16:42 Allure Reporter

20:36 Report Portal Reporter

40:00 TestRail Reporter

52:20 Conclusion

Key Topics Covered

1. Overview of WebdriverIO Reporting Tools

   • The tutorial introduces various reporting tools used in WebdriverIO, such as Dot, Spec, JSON, Allure, and HTML reporters, explaining how each tool can be utilized to generate detailed test execution results.

2. Reporter Setup and Installation

   • Discusses different installation options, including using Docker and Kubernetes for setting up reporting environments.
   • Focus on how to configure each reporter (e.g., Dot, Spec) within the WebdriverIO configuration file for generating test result reports.

3. JSON Reporter

   • The JSON Reporter allows users to generate customizable test output in JSON format. This is useful for further integration and analysis.
   • Details how to configure the reporter for terminal output or saving results to a file and merging multiple JSON files for comprehensive reporting.

4. Allure Reporting

   • Allure is highlighted as a powerful tool for generating visually appealing and detailed reports. It supports adding logs and screenshots for deeper test analysis.
   • The setup involves adding the Allure reporter to the WebdriverIO configuration and generating reports with a command.

5. HTML Reports

   • HTML reports provide detailed breakdowns of test results, where each test suite generates its own HTML report.
   • The tutorial shows how to generate and view these HTML reports easily, including how to open them in Visual Studio Code.

6. Report Portal Integration

   • Covers integrating Report Portal for centralized test result management. Steps include configuring WebdriverIO, installing necessary dependencies, and using Docker for local testing.
   • Report Portal allows users to track test execution, including retries, failures, and detailed logs.

7. Test Failure Insights

   • A crucial feature discussed is screenshot capture for failed tests. This enables detailed failure analysis by modifying WebdriverIO to save screenshots whenever tests fail.
   • Also discusses how to efficiently stop Docker containers after running tests using the command docker-compose down.

8. API Access for LambdaTest Integration

   • Instructions for integrating LambdaTest with WebdriverIO through API access, including how to set up an API key and configure it within WebdriverIO for cloud-based testing and reporting.

9. TestRail Integration

   • TestRail is introduced as a test case management tool, with steps for configuring WebdriverIO to push test results to TestRail. This includes setting up the TestRail reporter and linking test cases with IDs for reporting purposes.

10. Practical Demonstration

    • The video demonstrates running tests and generating reports, emphasizing the need to save changes before execution and how to label test runs.
    • It encourages users to experiment with various reporting tools and configurations to find the best fit for their projects.

Related Blogs & Hubs

WebDriverIO Tutorial: Handling Alerts & Overlay In Selenium

Selenium WebdriverIO Tutorial: A Comprehensive Guide, with Examples & Best Practices