3 <style type ="text/css">
4 body { font-family: Andale Mono, monospace; }
5 .header { font-size: large; font-weight: bold; }
6 .scenarioSuccess { color: green; }
7 .scenario { color: black; }
8 .scenarioFailed { color: red; }
9 .scenarioSkipped { color: teal; }
10 .scenarioIncomplete { color: gray; }
11 .scenarioStepsTable { margin-left: 10px; display: none; }
14 <script type="text/javascript">
15 function showHide(nodeId, linkObj)
17 var subObj = document.getElementById('stepContainer' + nodeId);
19 if (linkObj.innerHTML.indexOf('+')>0) {
20 linkObj.innerHTML = linkObj.innerHTML.replace('+','-');
21 subObj.style.display='block';
22 subObj.style.width = '100%';
24 linkObj.innerHTML = linkObj.innerHTML.replace('-','+');
25 subObj.style.display='none';
35 <p style="margin-top: 20px;" id="Summary" onclick="showHide('Summary', this)">[+] Summary:</p>
36 <div style="margin-left: 10px; display:none" id="stepContainerSummary">
39 <td width="250" class="scenarioSuccess">Successful scenarios:</td>
40 <td class="scenarioSuccessValue">{successfulScenarios}</td>
43 <td class="scenarioFailed">Failed scenarios:</td>
44 <td class="scenarioFailedValue">{failedScenarios}</td>
47 <td class="scenarioSkipped">Skipped scenarios:</td>
48 <td class="scenarioSkippedValue">{skippedScenarios}</td>
51 <td class="scenarioIncomplete">Incomplete scenarios:</td>
52 <td class="scenarioIncompleteValue">{incompleteScenarios}</td>