Introduction

ExtentV3HtmlReporter is a port from version 3 and supports both BDD and non-BDD test styles.


Views

ExtentV3HtmlReporter generates the following views:

  • Test
  • Tag
  • Bug
  • Dashboard
Test
Tag
Bug
Dashboard

Samples

ExtentV3HtmlReporter supports both BDD and non-BDD test styles. You can view both samples here.

bdd   standard


Usage


Initialize

Start and attach ExtentV3HtmlReporter using AttachReporter:

// directory where output is to be printed
var html = new ExtentV3HtmlReporter("user/build/name/Extent.html");
var extent = new ExtentReports();
extent.AttachReporter(html);

Shortcuts

A few shortcuts are available to speed up common tasks.


Views

t - test-view
c - category-view
x - exception-view
d - dashboard
Filters
p - show passed tests
e - show error tests
f - show failed tests
s - show skipped tests
w - show warning tests
esc - clear filters
Scroll
down-arrow - scroll down
up-arrow - scroll up
Misc
l - switch theme

Configuration

ExtentV3HtmlReporter supports a host of configuration via XML and Java.


XML

To load configuration via XML, use LoadXmlConfig().

// using the file path
htmlReporter.LoadXmlConfig("html-config.xml");

The below XML configuration is available to ExtentV3HtmlReporter.

<?xml version="1.0" encoding="UTF-8"?>
<extentreports>
    <configuration>
        <!-- report theme -->
        <!-- standard, dark -->
        <theme>standard</theme>
    
        <!-- enables timeline -->
        <!-- defaults to true -->
        <enableTimeline>true</enableTimeline>
	
        <!-- document encoding -->
        <!-- defaults to UTF-8 -->
        <encoding>UTF-8</encoding>
        
        <!-- protocol for script and stylesheets -->
        <!-- defaults to https -->
        <protocol>https</protocol>
        
        <!-- title of the document -->
        <documentTitle>Extent Framework</documentTitle>
        
        <!-- report name - displayed at top-nav -->
        <reportName>Build 1</reportName>

        <!-- custom javascript -->
        <scripts>
            <![CDATA[
                $(document).ready(function() {
                    
                });
            ]]>
        </scripts>
        
        <!-- custom styles -->
        <styles>
            <![CDATA[
                
            ]]>
        </styles>
    </configuration>
</extentreports>

Java

It is also possible to configure the reporter directly from code:

htmlReporter.Config.CSS = "css-string";
htmlReporter.Config.DocumentTitle = "page title";
htmlReporter.Config.EnableTimeline = true;
htmlReporter.Config.Encoding = "utf-8";
htmlReporter.Config.JS = "js-string";
htmlReporter.Config.Protocol = Protocol.HTTPS;
htmlReporter.Config.ReportName = "build name";
htmlReporter.Config.Theme = Theme.DARK;