testament html generation improvements; merged #6667 manually
This commit is contained in:
parent
18508cdcc3
commit
765116d547
2 changed files with 217 additions and 256 deletions
|
|
@ -29,7 +29,7 @@
|
|||
*/
|
||||
|
||||
/**
|
||||
*
|
||||
*
|
||||
* @param {number} index
|
||||
* @param {Element[]} elemArray
|
||||
* @param {executeForElement} executeOnItem
|
||||
|
|
@ -69,17 +69,16 @@
|
|||
}
|
||||
|
||||
/**
|
||||
* @param {string} tabId The id of the tabpanel div to search.
|
||||
* @param {string} [category] Optional bootstrap panel context class (danger, warning, info, success)
|
||||
* @param {executeForElement} executeOnEachPanel
|
||||
*/
|
||||
function wholePanelAll(tabId, category, executeOnEachPanel) {
|
||||
function wholePanelAll(category, executeOnEachPanel) {
|
||||
var selector = "div.panel";
|
||||
if (typeof category === "string" && category) {
|
||||
selector += "-" + category;
|
||||
}
|
||||
|
||||
var jqPanels = $(selector, $("#" + tabId));
|
||||
var jqPanels = $(selector);
|
||||
/** @type {Element[]} */
|
||||
var elemArray = jqPanels.toArray();
|
||||
|
||||
|
|
@ -87,17 +86,16 @@
|
|||
}
|
||||
|
||||
/**
|
||||
* @param {string} tabId The id of the tabpanel div to search.
|
||||
* @param {string} [category] Optional bootstrap panel context class (danger, warning, info, success)
|
||||
* @param {executeForElement} executeOnEachPanel
|
||||
*/
|
||||
function panelBodyAll(tabId, category, executeOnEachPanelBody) {
|
||||
function panelBodyAll(category, executeOnEachPanelBody) {
|
||||
var selector = "div.panel";
|
||||
if (typeof category === "string" && category) {
|
||||
selector += "-" + category;
|
||||
}
|
||||
|
||||
var jqPanels = $(selector, $("#" + tabId));
|
||||
var jqPanels = $(selector);
|
||||
|
||||
var jqPanelBodies = $("div.panel-body", jqPanels);
|
||||
/** @type {Element[]} */
|
||||
|
|
@ -107,35 +105,31 @@
|
|||
}
|
||||
|
||||
/**
|
||||
* @param {string} tabId The id of the tabpanel div to search.
|
||||
* @param {string} [category] Optional bootstrap panel context class (danger, warning, info, success)
|
||||
*/
|
||||
function showAll(tabId, category) {
|
||||
wholePanelAll(tabId, category, executeShowOnElement);
|
||||
function showAll(category) {
|
||||
wholePanelAll(category, executeShowOnElement);
|
||||
}
|
||||
|
||||
/**
|
||||
* @param {string} tabId The id of the tabpanel div to search.
|
||||
* @param {string} [category] Optional bootstrap panel context class (danger, warning, info, success)
|
||||
*/
|
||||
function hideAll(tabId, category) {
|
||||
wholePanelAll(tabId, category, executeHideOnElement);
|
||||
function hideAll(category) {
|
||||
wholePanelAll(category, executeHideOnElement);
|
||||
}
|
||||
|
||||
/**
|
||||
* @param {string} tabId The id of the tabpanel div to search.
|
||||
* @param {string} [category] Optional bootstrap panel context class (danger, warning, info, success)
|
||||
*/
|
||||
function expandAll(tabId, category) {
|
||||
panelBodyAll(tabId, category, executeExpandOnElement);
|
||||
function expandAll(category) {
|
||||
panelBodyAll(category, executeExpandOnElement);
|
||||
}
|
||||
|
||||
/**
|
||||
* @param {string} tabId The id of the tabpanel div to search.
|
||||
* @param {string} [category] Optional bootstrap panel context class (danger, warning, info, success)
|
||||
*/
|
||||
function collapseAll(tabId, category) {
|
||||
panelBodyAll(tabId, category, executeCollapseOnElement);
|
||||
function collapseAll(category) {
|
||||
panelBodyAll(category, executeCollapseOnElement);
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
|
|
@ -143,176 +137,161 @@
|
|||
<div class="container">
|
||||
<h1>Testament Test Results <small>Nim Tester</small></h1>
|
||||
#end proc
|
||||
#proc generateHtmlTabListBegin*(outfile: File) =
|
||||
<ul class="nav nav-tabs" role="tablist">
|
||||
#end proc
|
||||
#proc generateHtmlTabListItem*(outfile: File, firstTabActiveClass, commitId,
|
||||
# machineId, branch, hash, machineName: string) =
|
||||
<li role="presentation" class="%firstTabActiveClass">
|
||||
<a href="#tab-commit-%commitId-machine-%machineId" aria-controls="tab-commit-%commitId-machine-%machineId" role="tab" data-toggle="tab">
|
||||
%branch#%hash@%machineName
|
||||
</a>
|
||||
</li>
|
||||
#end proc
|
||||
#proc generateHtmlTabListEnd*(outfile: File) =
|
||||
</ul>
|
||||
#end proc
|
||||
#proc generateHtmlTabContentsBegin*(outfile: File) =
|
||||
<div class="tab-content">
|
||||
#end proc
|
||||
#proc generateHtmlTabPageBegin*(outfile: File, firstTabActiveClass, commitId,
|
||||
# machineId, branch, hash, machineName, os, cpu: string, totalCount: BiggestInt,
|
||||
#proc generateHtmlAllTestsBegin*(outfile: File, machine, commit, branch: string,
|
||||
# totalCount: BiggestInt,
|
||||
# successCount: BiggestInt, successPercentage: string,
|
||||
# ignoredCount: BiggestInt, ignoredPercentage: string,
|
||||
# failedCount: BiggestInt, failedPercentage: string) =
|
||||
<div id="tab-commit-%commitId-machine-%machineId" class="tab-pane fade%firstTabActiveClass" role="tabpanel">
|
||||
<h2>%branch#%hash@%machineName</h2>
|
||||
<dl class="dl-horizontal">
|
||||
<dt>Branch</dt>
|
||||
<dd>%branch</dd>
|
||||
<dt>Commit Hash</dt>
|
||||
<dd><code>%hash</code></dd>
|
||||
<dt>Machine Name</dt>
|
||||
<dd>%machineName</dd>
|
||||
<dt>OS</dt>
|
||||
<dd>%os</dd>
|
||||
<dt title="CPU Architecture">CPU</dt>
|
||||
<dd>%cpu</dd>
|
||||
<dt>All Tests</dt>
|
||||
<dd>
|
||||
<span class="glyphicon glyphicon-th-list"></span>
|
||||
%totalCount
|
||||
</dd>
|
||||
<dt>Successful Tests</dt>
|
||||
<dd>
|
||||
<span class="glyphicon glyphicon-ok-sign"></span>
|
||||
%successCount (%successPercentage)
|
||||
</dd>
|
||||
<dt>Skipped Tests</dt>
|
||||
<dd>
|
||||
<span class="glyphicon glyphicon-question-sign"></span>
|
||||
%ignoredCount (%ignoredPercentage)
|
||||
</dd>
|
||||
<dt>Failed Tests</dt>
|
||||
<dd>
|
||||
<span class="glyphicon glyphicon-exclamation-sign"></span>
|
||||
%failedCount (%failedPercentage)
|
||||
</dd>
|
||||
</dl>
|
||||
<div class="table-responsive">
|
||||
<table class="table table-condensed">
|
||||
<tr>
|
||||
<th class="text-right" style="vertical-align:middle">All Tests</th>
|
||||
<td>
|
||||
<div class="btn-group">
|
||||
<button class="btn btn-default" type="button" onclick="showAll('tab-commit-%commitId-machine-%machineId');">Show All</button>
|
||||
<button class="btn btn-default" type="button" onclick="hideAll('tab-commit-%commitId-machine-%machineId');">Hide All</button>
|
||||
<button class="btn btn-default" type="button" onclick="expandAll('tab-commit-%commitId-machine-%machineId');">Expand All</button>
|
||||
<button class="btn btn-default" type="button" onclick="collapseAll('tab-commit-%commitId-machine-%machineId');">Collapse All</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="text-right" style="vertical-align:middle">Successful Tests</th>
|
||||
<td>
|
||||
<div class="btn-group">
|
||||
<button class="btn btn-default" type="button" onclick="showAll('tab-commit-%commitId-machine-%machineId', 'success');">Show All</button>
|
||||
<button class="btn btn-default" type="button" onclick="hideAll('tab-commit-%commitId-machine-%machineId', 'success');">Hide All</button>
|
||||
<button class="btn btn-default" type="button" onclick="expandAll('tab-commit-%commitId-machine-%machineId', 'success');">Expand All</button>
|
||||
<button class="btn btn-default" type="button" onclick="collapseAll('tab-commit-%commitId-machine-%machineId', 'success');">Collapse All</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="text-right" style="vertical-align:middle">Skipped Tests</th>
|
||||
<td>
|
||||
<div class="btn-group">
|
||||
<button class="btn btn-default" type="button" onclick="showAll('tab-commit-%commitId-machine-%machineId', 'info');">Show All</button>
|
||||
<button class="btn btn-default" type="button" onclick="hideAll('tab-commit-%commitId-machine-%machineId', 'info');">Hide All</button>
|
||||
<button class="btn btn-default" type="button" onclick="expandAll('tab-commit-%commitId-machine-%machineId', 'info');">Expand All</button>
|
||||
<button class="btn btn-default" type="button" onclick="collapseAll('tab-commit-%commitId-machine-%machineId', 'info');">Collapse All</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="text-right" style="vertical-align:middle">Failed Tests</th>
|
||||
<td>
|
||||
<div class="btn-group">
|
||||
<button class="btn btn-default" type="button" onclick="showAll('tab-commit-%commitId-machine-%machineId', 'danger');">Show All</button>
|
||||
<button class="btn btn-default" type="button" onclick="hideAll('tab-commit-%commitId-machine-%machineId', 'danger');">Hide All</button>
|
||||
<button class="btn btn-default" type="button" onclick="expandAll('tab-commit-%commitId-machine-%machineId', 'danger');">Expand All</button>
|
||||
<button class="btn btn-default" type="button" onclick="collapseAll('tab-commit-%commitId-machine-%machineId', 'danger');">Collapse All</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="panel-group">
|
||||
# failedCount: BiggestInt, failedPercentage: string, onlyFailing = false) =
|
||||
<dl class="dl-horizontal">
|
||||
<dt>Hostname</dt>
|
||||
<dd>%machine</dd>
|
||||
<dt>Git Commit</dt>
|
||||
<dd><code>%commit</code></dd>
|
||||
<dt title="Git Branch reference">Branch ref.</dt>
|
||||
<dd>%branch</dd>
|
||||
</dl>
|
||||
<dl class="dl-horizontal">
|
||||
<dt>All Tests</dt>
|
||||
<dd>
|
||||
<span class="glyphicon glyphicon-th-list"></span>
|
||||
%totalCount
|
||||
</dd>
|
||||
<dt>Successful Tests</dt>
|
||||
<dd>
|
||||
<span class="glyphicon glyphicon-ok-sign"></span>
|
||||
%successCount (%successPercentage)
|
||||
</dd>
|
||||
<dt>Skipped Tests</dt>
|
||||
<dd>
|
||||
<span class="glyphicon glyphicon-question-sign"></span>
|
||||
%ignoredCount (%ignoredPercentage)
|
||||
</dd>
|
||||
<dt>Failed Tests</dt>
|
||||
<dd>
|
||||
<span class="glyphicon glyphicon-exclamation-sign"></span>
|
||||
%failedCount (%failedPercentage)
|
||||
</dd>
|
||||
</dl>
|
||||
<div class="table-responsive">
|
||||
<table class="table table-condensed">
|
||||
# if not onlyFailing:
|
||||
<tr>
|
||||
<th class="text-right" style="vertical-align:middle">All Tests</th>
|
||||
<td>
|
||||
<div class="btn-group">
|
||||
<button class="btn btn-default" type="button" onclick="showAll();">Show All</button>
|
||||
<button class="btn btn-default" type="button" onclick="hideAll();">Hide All</button>
|
||||
<button class="btn btn-default" type="button" onclick="expandAll();">Expand All</button>
|
||||
<button class="btn btn-default" type="button" onclick="collapseAll();">Collapse All</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="text-right" style="vertical-align:middle">Successful Tests</th>
|
||||
<td>
|
||||
<div class="btn-group">
|
||||
<button class="btn btn-default" type="button" onclick="showAll('success');">Show All</button>
|
||||
<button class="btn btn-default" type="button" onclick="hideAll('success');">Hide All</button>
|
||||
<button class="btn btn-default" type="button" onclick="expandAll('success');">Expand All</button>
|
||||
<button class="btn btn-default" type="button" onclick="collapseAll('success');">Collapse All</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
# end if
|
||||
<tr>
|
||||
<th class="text-right" style="vertical-align:middle">Skipped Tests</th>
|
||||
<td>
|
||||
<div class="btn-group">
|
||||
<button class="btn btn-default" type="button" onclick="showAll('info');">Show All</button>
|
||||
<button class="btn btn-default" type="button" onclick="hideAll('info');">Hide All</button>
|
||||
<button class="btn btn-default" type="button" onclick="expandAll('info');">Expand All</button>
|
||||
<button class="btn btn-default" type="button" onclick="collapseAll('info');">Collapse All</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="text-right" style="vertical-align:middle">Failed Tests</th>
|
||||
<td>
|
||||
<div class="btn-group">
|
||||
<button class="btn btn-default" type="button" onclick="showAll('danger');">Show All</button>
|
||||
<button class="btn btn-default" type="button" onclick="hideAll('danger');">Hide All</button>
|
||||
<button class="btn btn-default" type="button" onclick="expandAll('danger');">Expand All</button>
|
||||
<button class="btn btn-default" type="button" onclick="collapseAll('danger');">Collapse All</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="panel-group">
|
||||
#end proc
|
||||
#proc generateHtmlTestresultPanelBegin*(outfile: File, trId, name, target, category,
|
||||
# action, resultDescription, timestamp, result, resultSign,
|
||||
# action, resultDescription, timestamp, result, resultSign,
|
||||
# panelCtxClass, textCtxClass, bgCtxClass: string) =
|
||||
<div id="panel-testResult-%trId" class="panel panel-%panelCtxClass">
|
||||
<div class="panel-heading" style="cursor:pointer" data-toggle="collapse" data-target="#panel-body-testResult-%trId" aria-controls="panel-body-testResult-%trId" aria-expanded="false">
|
||||
<div class="row">
|
||||
<h4 class="col-xs-3 col-sm-1 panel-title">
|
||||
<span class="glyphicon glyphicon-%resultSign-sign"></span>
|
||||
<strong>%resultDescription</strong>
|
||||
</h4>
|
||||
<h4 class="col-xs-1 panel-title"><span class="badge">%target</span></h4>
|
||||
<h4 class="col-xs-5 col-sm-7 panel-title" title="%name"><code class="text-%textCtxClass">%name</code></h4>
|
||||
<h4 class="col-xs-3 col-sm-3 panel-title text-right"><span class="badge">%category</span></h4>
|
||||
</div>
|
||||
</div>
|
||||
<div id="panel-body-testResult-%trId" class="panel-body collapse bg-%bgCtxClass">
|
||||
<dl class="dl-horizontal">
|
||||
<dt>Name</dt>
|
||||
<dd><code class="text-%textCtxClass">%name</code></dd>
|
||||
<dt>Category</dt>
|
||||
<dd><span class="badge">%category</span></dd>
|
||||
<dt>Timestamp</dt>
|
||||
<dd>%timestamp</dd>
|
||||
<dt>Nim Action</dt>
|
||||
<dd><code class="text-%textCtxClass">%action</code></dd>
|
||||
<dt>Nim Backend Target</dt>
|
||||
<dd><span class="badge">%target</span></dd>
|
||||
<dt>Code</dt>
|
||||
<dd><code class="text-%textCtxClass">%result</code></dd>
|
||||
</dl>
|
||||
<div id="panel-testResult-%trId" class="panel panel-%panelCtxClass">
|
||||
<div class="panel-heading" style="cursor:pointer" data-toggle="collapse" data-target="#panel-body-testResult-%trId" aria-controls="panel-body-testResult-%trId" aria-expanded="false">
|
||||
<div class="row">
|
||||
<h4 class="col-xs-3 col-sm-1 panel-title">
|
||||
<span class="glyphicon glyphicon-%resultSign-sign"></span>
|
||||
<strong>%resultDescription</strong>
|
||||
</h4>
|
||||
<h4 class="col-xs-1 panel-title"><span class="badge">%target</span></h4>
|
||||
<h4 class="col-xs-5 col-sm-7 panel-title" title="%name"><code class="text-%textCtxClass">%name</code></h4>
|
||||
<h4 class="col-xs-3 col-sm-3 panel-title text-right"><span class="badge">%category</span></h4>
|
||||
</div>
|
||||
</div>
|
||||
<div id="panel-body-testResult-%trId" class="panel-body collapse bg-%bgCtxClass">
|
||||
<dl class="dl-horizontal">
|
||||
<dt>Name</dt>
|
||||
<dd><code class="text-%textCtxClass">%name</code></dd>
|
||||
<dt>Category</dt>
|
||||
<dd><span class="badge">%category</span></dd>
|
||||
<dt>Timestamp</dt>
|
||||
<dd>%timestamp</dd>
|
||||
<dt>Nim Action</dt>
|
||||
<dd><code class="text-%textCtxClass">%action</code></dd>
|
||||
<dt>Nim Backend Target</dt>
|
||||
<dd><span class="badge">%target</span></dd>
|
||||
<dt>Code</dt>
|
||||
<dd><code class="text-%textCtxClass">%result</code></dd>
|
||||
</dl>
|
||||
#end proc
|
||||
#proc generateHtmlTestresultOutputDetails*(outfile: File, expected, gotten: string) =
|
||||
<div class="table-responsive">
|
||||
<table class="table table-condensed">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Expected</th>
|
||||
<th>Actual</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><pre>%expected</pre></td>
|
||||
<td><pre>%gotten</pre></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
#end proc
|
||||
#proc generateHtmlTestresultOutputNone*(outfile: File) =
|
||||
<p class="sr-only">No output details</p>
|
||||
#end proc
|
||||
#proc generateHtmlTestresultPanelEnd*(outfile: File) =
|
||||
</div>
|
||||
<div class="table-responsive">
|
||||
<table class="table table-condensed">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Expected</th>
|
||||
<th>Actual</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><pre>%expected</pre></td>
|
||||
<td><pre>%gotten</pre></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
#end proc
|
||||
#proc generateHtmlTabPageEnd*(outfile: File) =
|
||||
#proc generateHtmlTestresultOutputNone*(outfile: File) =
|
||||
<p class="sr-only">No output details</p>
|
||||
#end proc
|
||||
#proc generateHtmlTestresultPanelEnd*(outfile: File) =
|
||||
</div>
|
||||
</div>
|
||||
#end proc
|
||||
#proc generateHtmlTabContentsEnd*(outfile: File) =
|
||||
#proc generateHtmlAllTestsEnd*(outfile: File) =
|
||||
</div>
|
||||
#end proc
|
||||
#proc generateHtmlEnd*(outfile: File) =
|
||||
#proc generateHtmlEnd*(outfile: File, timestamp: string) =
|
||||
<hr />
|
||||
<footer>
|
||||
<p>
|
||||
Report generated by: <code>testament</code> – Nim Tester
|
||||
<br />
|
||||
Made with Nim. Generated on: %timestamp
|
||||
</p>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue