Customize Extent Html report : Test steps count/view to be disabled/removed from the reports

[pradeepdawaljee]

Summary

Summary: The reports shouldn't display Test steps count/view in the reports

Description:
The test steps count/view shouldn't be displayed in the html report. In this case, it should only display Test case count/view and the pass percentage which is calculated is based on Test case which is correct in this case.

                              So, I just want the test steps count/view to be removed/disabled from the html report.  Manually I can do that by adding a keyword "hidden" to the div element which represents steps count/view in the html report but I want to handle this from the code.

Expected Behavior

Test Steps count/view shouldn't be displayed in the html reports.

Current Behavior

Test Steps count/view is displayed in the html reports.

Sample

div class="card-panel"

span class="panel-name">Steps View

• Pass
• Fail

820 step(s) passed

160 step(s) failed, 0 others

</div

If we add "hidden" keyword to the div element, this issue can be resolved.

div class="card-panel" hidden

span class="panel-name">Steps View

• Pass
• Fail

820 step(s) passed

160 step(s) failed, 0 others

/div

// Sample code goes here

Environment Details

• Extent report Version used: 2.41
• Operating System and version: Windows 10
• JDK Version: 1.8

Screenshots

[vijayendraswamy]

@pradeepdawaljee you can replace tag in extent-config.xml with below one to hide Step View
<scripts> <![CDATA[$(document).ready(function() {$('.dashboard-view').click();});$('.col.s12:nth-child(2) .card-panel.nm-v').hide();$('.col.s2:nth-child(2)').hide();$('.col.s12:nth-child(1)').css('width', '100%');$('.row .col.s2').css('width', '25%');]]> </scripts>

[pradeepdawaljee]

Step View is not hidden with this script, instead it has expanded Test View panel . Refer the below screen-shot for the same

[pradeepdawaljee]

Issue not yet addressed