html report improvements for dashboard sizing, maintain integrity of markup in code blocks

Author: anshooarora

src/main/resources/com/aventstack/extentreports/view/commons/commons-macros.ftl

@@ -30,9 +30,12 @@
 </#macro>
 
 <#macro row test level>
-<tr class="s-${test.status}">
+<#assign n=test level=n.level>
+<#if level!=0><#assign n=test.parent><#if n.level!=0><#assign n=n.parent><#if n.level!=0><#assign n=n.parent></#if></#if></#if>
+	
+<tr class="s-${test.status}" test-id="${test.getID()}" parent-id="${n.getID()}">
 	<td><span class="w-32 avatar circle ${test.status}"><span class="badge">${test.status}</span></span></td>
-	<td class="_600">${test.name} <#if test.level!=0><br/><span class="text-muted text-sm">${test.parent.name}</span></#if></td>
+	<td class="_600">${test.name} <#if level!=0><br/><span class="text-muted text-sm">${test.parent.name}</span></#if></td>
 	<td>${test.runDuration}c</td>
 	<td><@attributes test=test /></td>
 	<td>
@@ -41,13 +44,14 @@
 		<@media el=log />
 		</#list>
 	</td>
+	<td class="static"><i class="static fa fa-external-link"></i></td>
 </tr>
 <#if test.status==Status.FAIL || test.status==Status.SKIP>
 <tr class="details">
 	<td colspan="5">
 	<#list test.logContext.all as log>
-		<#if log.details??><pre>${log.details}</pre></#if>
-		<#if log.exceptionInfo??><pre>${log.exceptionInfo.stackTrace}</pre></#if>
+		<#if log.details??><textarea disabled class="code-block">${log.details}</textarea></#if>
+		<#if log.exceptionInfo??><textarea disabled class="code-block">${log.exceptionInfo.stackTrace}</textarea></#if>
 	</#list>
 	</td>
 </tr>

src/main/resources/com/aventstack/extentreports/view/v3html/exception-view/v3-html-exception-view.ftl

@@ -41,7 +41,7 @@
 										<td>${ test.startTime?datetime?string["${timeStampFormat}"] }</td>
 										<td class='linked' test-id='${ test.getID() }'>${ test.hierarchicalName }</td>
 										<td>
-											<pre>${ testException.getStackTrace() }</pre>
+											<textarea disabled class="code-block">${ testException.getStackTrace() }</textarea>
 										</td>
 									</tr>
 									</#if>

src/main/resources/com/aventstack/extentreports/view/v3html/test-view/v3-html-test-view-charts.ftl

@@ -1,6 +1,9 @@
-<#assign sizeLarge='s12 m6 l6'>
+<#assign sizeLarge='s12 m12 l12'>
 <#if bddReport || (report.reportStatusStats.childCount != 0 && report.reportStatusStats.grandChildCount != 0)>
-<#assign sizeLarge='s12 m4 l4'>
+    <#assign sizeLarge='s12 m4 l4'>
+</#if>
+<#if report.reportStatusStats.childCount!=0>
+    <#assign sizeLarge='s12 m6 l6'>
 </#if>
 <div id='test-view-charts' class='subview-full'>
 	<div id='charts-row' class='row nm-v nm-h'>

src/main/resources/com/aventstack/extentreports/view/v3html/v3-html-index.ftl

@@ -63,14 +63,15 @@
 		<!-- container -->
 		<script>
 			var statusGroup = {
+                parentCount: ${ report.reportStatusStats.parentCount?c },
 				passParent: ${ report.reportStatusStats.parentCountPass?c },
 				failParent: ${ report.reportStatusStats.parentCountFail?c },
 				fatalParent: ${ report.reportStatusStats.parentCountFatal?c },
 				errorParent: ${ report.reportStatusStats.parentCountError?c },
 				warningParent: ${ report.reportStatusStats.parentCountWarning?c },
 				skipParent: ${ report.reportStatusStats.parentCountSkip?c },
 				exceptionsParent: ${ report.reportStatusStats.parentCountExceptions?c },
-				
+				childCount: ${ report.reportStatusStats.childCount?c },
 				passChild: ${ report.reportStatusStats.childCountPass?c },
 				failChild: ${ report.reportStatusStats.childCountFail?c },
 				fatalChild: ${ report.reportStatusStats.childCountFatal?c },
@@ -80,7 +81,7 @@
 				infoChild: ${ report.reportStatusStats.childCountInfo?c },
 				debugChild: ${ report.reportStatusStats.childCountDebug?c },
 				exceptionsChild: ${ report.reportStatusStats.childCountExceptions?c },
-				
+				grandChildCount: ${ report.reportStatusStats.grandChildCount?c },
 				passGrandChild: ${ report.reportStatusStats.grandChildCountPass?c },
 				failGrandChild: ${ report.reportStatusStats.grandChildCountFail?c },
 				fatalGrandChild: ${ report.reportStatusStats.grandChildCountFatal?c },