├── gtest_prettify_example.gif
├── README.md
├── gtest_parser.py
├── gtest_template.html
└── gtest_example_output.html


/gtest_prettify_example.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NeilZhy/gtest-report-prettify/HEAD/gtest_prettify_example.gif


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # gtest-report-prettify
2 | Creates a HTML page from a Google Test JSON or XML report.
3 | 
4 | To run:
5 | ```python
6 | python -m gtest_parser PATH_TO_GOOGLE_TEST_JSON_OR_XML_FILE.json/xml
7 | ```
8 | ![](gtest_prettify_example.gif)
9 | 


--------------------------------------------------------------------------------
/gtest_parser.py:
--------------------------------------------------------------------------------
  1 | import json
  2 | import sys
  3 | from jinja2 import FileSystemLoader, Environment
  4 | import xml.etree.ElementTree as ET
  5 | 
  6 | # Constants
  7 | TEMPLATE_FILE = "gtest_template.html"
  8 | OUTPUT_FILE = "gtest_output.html"
  9 | 
 10 | def process_input(input_file):
 11 |     """ Processes the input file.
 12 |         Will return a JSON object to be used by the HTML parser.
 13 |         If the file is in XML format it will be turned into a JSON object.
 14 |     """
 15 | 
 16 |     data = None
 17 | 
 18 |     with open(input_file) as gtest_json:
 19 |         if input_file.endswith('.json'):
 20 |             data = json.load(gtest_json)
 21 |         elif input_file.endswith('.xml'):
 22 |             # Need to turn the XML into the same format as the JSON
 23 |             data = process_xml(gtest_json)
 24 |         else:
 25 |             print("Unknown file type.")
 26 |             return
 27 | 
 28 |     return data
 29 | 
 30 | def process_xml(xml):
 31 |     """ Processes the XML file.
 32 |         Will return a JSON object that matches that created by GTEST.
 33 |     """
 34 | 
 35 |     tree = ET.parse(xml)
 36 |     root = tree.getroot()
 37 |     overviewName = root.attrib['name']
 38 |     overviewTests = int(root.attrib['tests'])
 39 |     overviewFailed = int(root.attrib['failures'])
 40 |     overviewDisabled = int(root.attrib['disabled'])
 41 |     data = {
 42 |         'name': overviewName,
 43 |         'tests': overviewTests,
 44 |         'failures': overviewFailed,
 45 | 		'disabled': overviewDisabled,
 46 |         'testsuites': []
 47 |     }
 48 | 
 49 |     for child in root:
 50 |         testSuitename = child.attrib['name']
 51 |         totalTests = int(child.attrib['tests'])
 52 |         failed = int(child.attrib['failures'])
 53 |         disabled = int(child.attrib['disabled'])
 54 | 
 55 |         tempTest = []
 56 |         for test in child:
 57 |             testName = test.attrib['name']
 58 |             testTime = test.attrib['time']
 59 |             testStatus = test.attrib['status'].upper()
 60 |             # Getting all of the failure messages
 61 |             testFailures = []
 62 |             for failure in test:
 63 |                 testFailure = failure.attrib['message']
 64 |                 testFailures.append({
 65 |                     'failure': testFailure
 66 |                 })
 67 | 
 68 |             # If there are no failures dont add it to the JSON
 69 |             if testFailures:
 70 |                 tempTest.append({
 71 |                     'name': testName,
 72 |                     'time': testTime,
 73 |                     'status': testStatus,
 74 |                     'failures': testFailures
 75 |                 })
 76 |             else:
 77 |                 tempTest.append({
 78 |                     'name': testName,
 79 |                     'status': testStatus,
 80 |                     'time': testTime
 81 |                 })
 82 |         print(tempTest)
 83 |         tempTestSuite = {
 84 |             'name': testSuitename,
 85 |             'tests': totalTests,
 86 |             'failures': failed,
 87 |             'disabled': disabled,
 88 |             'testsuite': tempTest
 89 |         }
 90 |         data['testsuites'].append(tempTestSuite)
 91 | 
 92 |     return data
 93 | 
 94 | def create_html(data):
 95 |     """ Turns the JSON object into a HTML file.
 96 |         Will grab the template and render it with our JSON object.
 97 |     """
 98 |     templateLoader = FileSystemLoader(searchpath="./")
 99 |     templateEnv = Environment(loader=templateLoader)
100 |     template = templateEnv.get_template(TEMPLATE_FILE)
101 | 
102 |     with open(OUTPUT_FILE, "w") as output_html:
103 |         output_html.write(template.render(test_overview=data, test_suites=data['testsuites']))
104 | 
105 | if __name__ == "__main__":
106 |     json_data = process_input(sys.argv[1])
107 |     create_html(json_data)
108 | 


--------------------------------------------------------------------------------
/gtest_template.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  5 | 
  6 |   <style>
  7 | 
  8 |    .number-container {padding: 20px; text-align: center;}
  9 |    .test-suite-container {margin: 50px;}
 10 |    .test-button {float: right;}
 11 |   </style>
 12 | 
 13 |   <title>Google Test Report</title>
 14 | </head>
 15 | <body>
 16 |   <div>
 17 |     <div class="card test-suite-container">
 18 |       <h5 class="card-header">{{ test_overview.name }}</h5>
 19 |       <div class="card-body">
 20 |         <div class="container">
 21 |           <div class="row">
 22 |             <div class="col-sm">
 23 | 
 24 |               <h4 class="number-container">
 25 |                 <span class="badge badge-pill badge-primary">
 26 |                   Number of tests: {{ test_overview.tests }}
 27 |                 </span>
 28 |               </h4>
 29 | 
 30 |             </div>
 31 |             <div class="col-sm">
 32 | 
 33 |               <h4 class="number-container">
 34 |                 <span class="badge badge-pill badge-success">
 35 |                   Passed: {{ test_overview.tests - test_overview.failures - test_overview.disabled }}
 36 |                 </span>
 37 |               </h4>
 38 | 
 39 |             </div>
 40 |             <div class="col-sm">
 41 | 
 42 |               <h4 class="number-container">
 43 |                 <span class="badge badge-pill badge-danger">
 44 |                   Failed: {{ test_overview.failures }}
 45 |                 </span>
 46 |               </h4>
 47 | 
 48 |             </div>
 49 | 			<div class="col-sm">
 50 | 
 51 |               <h4 class="number-container">
 52 |                 <span class="badge badge-pill badge-warning">
 53 |                   Disabled: {{ test_overview.disabled }}
 54 |                 </span>
 55 |               </h4>
 56 | 
 57 |             </div>
 58 |           </div>
 59 |         </div>
 60 | 
 61 |         <div class="list-group">
 62 |           {% for test_suite in test_suites %}
 63 |             <a href={{"#" + test_suite.name }} class="list-group-item list-group-item-action">
 64 |               {{ test_suite.name }}
 65 |             </a>
 66 |           {% endfor %}
 67 |         </div>
 68 |       </div>
 69 |     </div>
 70 | 
 71 |     {% for test_suite in test_suites %}
 72 |       <div class="card test-suite-container" id={{ test_suite.name }}>
 73 |         <div class="card-header">
 74 |           <h5>
 75 |             {{ test_suite.name }}
 76 |             <div class="btn-group btn-group-toggle test-button" data-toggle="buttons">
 77 |               <label class="btn btn-primary btn-sm active">
 78 |                 <input type="radio" name="options" id={{ test_suite.name + "All"}} autocomplete="off" checked> Show All
 79 |               </label>
 80 |               <label class="btn btn-success btn-sm">
 81 |                 <input type="radio" name="options" id={{ test_suite.name + "Passed"}} autocomplete="off"> Show Only Passed
 82 |               </label>
 83 |               <label class="btn btn-danger btn-sm">
 84 |                 <input type="radio" name="options" id={{ test_suite.name + "Failed"}} autocomplete="off"> Show Only Failed
 85 |               </label>
 86 | 			  <label class="btn btn-warning btn-sm">
 87 |                 <input type="radio" name="options" id={{ test_suite.name + "Disabled"}} autocomplete="off"> Show Only Disabled
 88 |               </label>
 89 |             </div>
 90 |           </h5>
 91 |         </div>
 92 |         <div class="card-body">
 93 |           <div class="container">
 94 |             <div class="row">
 95 |               <div class="col-sm">
 96 | 
 97 |                 <h4 class="number-container">
 98 |                   <span class="badge badge-pill badge-primary">
 99 |                     Number of tests: {{ test_suite.tests }}
100 |                   </span>
101 |                 </h4>
102 | 
103 |               </div>
104 |               <div class="col-sm">
105 | 
106 |                 <h4 class="number-container">
107 |                   <span class="badge badge-pill badge-success">
108 |                     Passed: {{ test_suite.tests - test_suite.failures - test_suite.disabled }}
109 |                   </span>
110 |                 </h4>
111 | 
112 |               </div>
113 |               <div class="col-sm">
114 | 
115 |                 <h4 class="number-container">
116 |                   <span class="badge badge-pill badge-danger">
117 |                     Failed: {{ test_suite.failures }}
118 |                   </span>
119 |                 </h4>
120 | 
121 |               </div>
122 | 			  <div class="col-sm">
123 | 
124 |                 <h4 class="number-container">
125 |                   <span class="badge badge-pill badge-warning">
126 |                     Disabled: {{ test_suite.disabled }}
127 |                   </span>
128 |                 </h4>
129 | 
130 |               </div>
131 |             </div>
132 |           </div>
133 | 
134 |           <div class="accordion" id={{ test_suite.name + "FailedTests"}}>
135 |             {% for test in test_suite.testsuite %}
136 |               {% if test.failures %}
137 |                 <div class="card border-danger mb-3">
138 |                   <div class="card-header" id={{ test.name + "FailedHeading" }}>
139 |                     <h2 class="mb-0">
140 |                       <button class="btn btn-link text-danger" type="button" data-toggle="collapse" data-target={{"#" + test.name + "FailedCollapse"}} aria-expanded="false" aria-controls={{ test.name + "FailedCollapse"}}>
141 |                         {{ test.name }}
142 |                       </button>
143 |                     </h2>
144 |                   </div>
145 | 
146 |                   <div id={{ test.name + "FailedCollapse" }} class="collapse" aria-labelledby={{ test.name + "FailedHeading" }} data-parent={{ "#" + test_suite.name + "FailedTests"}}>
147 |                     <div class="card-body">
148 |                       <h5 class="card-title">{{ "Time: " + test.time }}</h5>
149 |                       {% for failure in test.failures %}
150 |                         <p class="card-text">{{ "Failure: " + failure.failure }}</p>
151 |                       {% endfor %}
152 |                     </div>
153 |                   </div>
154 |                 </div>
155 |               {% endif %}
156 |             {% endfor %}
157 |           </div>
158 |           <div class="accordion" id={{ test_suite.name + "PassedTests"}}>
159 |             {% for test in test_suite.testsuite %}
160 |               {% if test.status == "RUN" and not test.failures %}
161 |                 <div class="card border-success mb-3">
162 |                   <div class="card-header" id={{ test.name + "PassedHeading" }}>
163 |                     <h2 class="mb-0">
164 |                       <button class="btn btn-link text-success" type="button" data-toggle="collapse" data-target={{"#" + test.name + "PassedCollapse"}} aria-expanded="false" aria-controls={{ test.name + "PassedCollapse"}}>
165 |                         {{ test.name }}
166 |                       </button>
167 |                     </h2>
168 |                   </div>
169 | 
170 |                   <div id={{ test.name + "PassedCollapse" }} class="collapse" aria-labelledby={{ test.name + "PassedHeading" }} data-parent={{ "#" + test_suite.name + "PassedTests"}}>
171 |                     <div class="card-body">
172 |                       <h5 class="card-title">{{ "Time: " + test.time }}</h5>
173 |                     </div>
174 |                   </div>
175 |                 </div>
176 |               {% endif %}
177 |             {% endfor %}
178 |           </div>
179 | 		  <div class="accordion" id={{ test_suite.name + "DisabledTests"}}>
180 |             {% for test in test_suite.testsuite %}
181 |               {% if test.status == "NOTRUN" and not test.failures %}
182 |                 <div class="card border-warning mb-3">
183 |                   <div class="card-header" id={{ test.name + "DisabledHeading" }}>
184 |                     <h2 class="mb-0">
185 |                       <button class="btn btn-link text-warning" type="button" data-toggle="collapse" data-target={{"#" + test.name + "DisabledCollapse"}} aria-expanded="false" aria-controls={{ test.name + "DisabledCollapse"}}>
186 |                         {{ test.name }}
187 |                       </button>
188 |                     </h2>
189 |                   </div>
190 | 
191 |                   <div id={{ test.name + "DisabledCollapse" }} class="collapse" aria-labelledby={{ test.name + "DisabledHeading" }} data-parent={{ "#" + test_suite.name + "DisabledTests"}}>
192 |                     <div class="card-body">
193 |                       <h5 class="card-title">Disabled Test</h5>
194 |                     </div>
195 |                   </div>
196 |                 </div>
197 |               {% endif %}
198 |             {% endfor %}
199 |           </div>
200 |         </div>
201 |       </div>
202 |     {% endfor %}
203 |   </div>
204 | 
205 |   <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
206 |   <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
207 |   <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
208 |   <script>
209 |     $("label").click(function()
210 |     {
211 | 	  const testDesc = {"Passed": 6, "Failed": 6, "Disabled": 8}
212 | 	  const testDescAll = {"Passed": 6, "Failed": 6, "Disabled": 8, "All": 0}
213 |       var testSuiteID = $(this).find("input").attr("id");
214 |       showAll(testSuiteID);
215 | 	  
216 | 	  for (var testName in testDesc)
217 | 	  {
218 | 		var tempTestDesc = $.extend({}, testDesc);
219 | 		if (testSuiteID.includes(testName)) 
220 | 		{
221 | 		  // We need to hide everything other than the selected type
222 | 		  var testNameLen = tempTestDesc[testName]
223 | 		  delete tempTestDesc[testName]
224 | 		  for (var tempTestName in tempTestDesc)
225 | 		  {
226 | 			var tempSuite = generateTestSuiteName(testSuiteID, testNameLen, tempTestName);
227 | 			$(generateID(tempSuite)).hide();
228 | 		  }
229 | 		}
230 | 	  }
231 | 
232 |       function showAll(testSuiteID)
233 |       {
234 | 		for (var testName in testDescAll)
235 | 	    {
236 | 		  var tempTestDesc = $.extend({}, testDescAll);
237 | 		  
238 | 		  if (testSuiteID.includes(testName)) 
239 | 		  {
240 | 		    // We want to show everything
241 | 		    for (var tempTestName in tempTestDesc)
242 | 		    {
243 | 			  $(generateID(testSuiteID.replace(testName, tempTestName))).show();
244 | 		    }
245 | 		  }
246 | 		}
247 |       }
248 | 		
249 | 	  function generateTestSuiteName(testSuiteName, len, newName) {
250 | 		var tempName = testSuiteName.slice(0, -len) + newName;
251 | 		return tempName;
252 | 	  }
253 | 	  
254 |       function generateID(testSuiteID) {
255 |         return "#" + testSuiteID + "Tests";
256 |       }
257 |     })
258 |   </script>
259 | </body>
260 | </html>
261 | 


--------------------------------------------------------------------------------
/gtest_example_output.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  5 | 
  6 |   <style>
  7 | 
  8 |    .number-container {padding: 20px; text-align: center;}
  9 |    .test-suite-container {margin: 50px;}
 10 |    .test-button {float: right;}
 11 |   </style>
 12 | 
 13 |   <title>Google Test Report</title>
 14 | </head>
 15 | <body>
 16 |   <div>
 17 |     <div class="card test-suite-container">
 18 |       <h5 class="card-header">AllTests</h5>
 19 |       <div class="card-body">
 20 |         <div class="container">
 21 |           <div class="row">
 22 |             <div class="col-sm">
 23 | 
 24 |               <h4 class="number-container">
 25 |                 <span class="badge badge-pill badge-primary">
 26 |                   Number of tests: 9
 27 |                 </span>
 28 |               </h4>
 29 | 
 30 |             </div>
 31 |             <div class="col-sm">
 32 | 
 33 |               <h4 class="number-container">
 34 |                 <span class="badge badge-pill badge-success">
 35 |                   Passed: 3
 36 |                 </span>
 37 |               </h4>
 38 | 
 39 |             </div>
 40 |             <div class="col-sm">
 41 | 
 42 |               <h4 class="number-container">
 43 |                 <span class="badge badge-pill badge-danger">
 44 |                   Failed: 3
 45 |                 </span>
 46 |               </h4>
 47 | 
 48 |             </div>
 49 | 			<div class="col-sm">
 50 | 
 51 |               <h4 class="number-container">
 52 |                 <span class="badge badge-pill badge-warning">
 53 |                   Disabled: 3
 54 |                 </span>
 55 |               </h4>
 56 | 
 57 |             </div>
 58 |           </div>
 59 |         </div>
 60 | 
 61 |         <div class="list-group">
 62 |           
 63 |             <a href=#TestCasesOneUnitTests class="list-group-item list-group-item-action">
 64 |               TestCasesOneUnitTests
 65 |             </a>
 66 |           
 67 |             <a href=#TestCasesTwoUnitTests class="list-group-item list-group-item-action">
 68 |               TestCasesTwoUnitTests
 69 |             </a>
 70 |           
 71 |             <a href=#TestCasesThreeUnitTests class="list-group-item list-group-item-action">
 72 |               TestCasesThreeUnitTests
 73 |             </a>
 74 |           
 75 |         </div>
 76 |       </div>
 77 |     </div>
 78 | 
 79 |     
 80 |       <div class="card test-suite-container" id=TestCasesOneUnitTests>
 81 |         <div class="card-header">
 82 |           <h5>
 83 |             TestCasesOneUnitTests
 84 |             <div class="btn-group btn-group-toggle test-button" data-toggle="buttons">
 85 |               <label class="btn btn-primary btn-sm active">
 86 |                 <input type="radio" name="options" id=TestCasesOneUnitTestsAll autocomplete="off" checked> Show All
 87 |               </label>
 88 |               <label class="btn btn-success btn-sm">
 89 |                 <input type="radio" name="options" id=TestCasesOneUnitTestsPassed autocomplete="off"> Show Only Passed
 90 |               </label>
 91 |               <label class="btn btn-danger btn-sm">
 92 |                 <input type="radio" name="options" id=TestCasesOneUnitTestsFailed autocomplete="off"> Show Only Failed
 93 |               </label>
 94 | 			  <label class="btn btn-warning btn-sm">
 95 |                 <input type="radio" name="options" id=TestCasesOneUnitTestsDisabled autocomplete="off"> Show Only Disabled
 96 |               </label>
 97 |             </div>
 98 |           </h5>
 99 |         </div>
100 |         <div class="card-body">
101 |           <div class="container">
102 |             <div class="row">
103 |               <div class="col-sm">
104 | 
105 |                 <h4 class="number-container">
106 |                   <span class="badge badge-pill badge-primary">
107 |                     Number of tests: 3
108 |                   </span>
109 |                 </h4>
110 | 
111 |               </div>
112 |               <div class="col-sm">
113 | 
114 |                 <h4 class="number-container">
115 |                   <span class="badge badge-pill badge-success">
116 |                     Passed: 1
117 |                   </span>
118 |                 </h4>
119 | 
120 |               </div>
121 |               <div class="col-sm">
122 | 
123 |                 <h4 class="number-container">
124 |                   <span class="badge badge-pill badge-danger">
125 |                     Failed: 1
126 |                   </span>
127 |                 </h4>
128 | 
129 |               </div>
130 | 			  <div class="col-sm">
131 | 
132 |                 <h4 class="number-container">
133 |                   <span class="badge badge-pill badge-warning">
134 |                     Disabled: 1
135 |                   </span>
136 |                 </h4>
137 | 
138 |               </div>
139 |             </div>
140 |           </div>
141 | 
142 |           <div class="accordion" id=TestCasesOneUnitTestsFailedTests>
143 |             
144 |               
145 |             
146 |               
147 |                 <div class="card border-danger mb-3">
148 |                   <div class="card-header" id=TestThatFailesOneFailedHeading>
149 |                     <h2 class="mb-0">
150 |                       <button class="btn btn-link text-danger" type="button" data-toggle="collapse" data-target=#TestThatFailesOneFailedCollapse aria-expanded="false" aria-controls=TestThatFailesOneFailedCollapse>
151 |                         TestThatFailesOne
152 |                       </button>
153 |                     </h2>
154 |                   </div>
155 | 
156 |                   <div id=TestThatFailesOneFailedCollapse class="collapse" aria-labelledby=TestThatFailesOneFailedHeading data-parent=#TestCasesOneUnitTestsFailedTests>
157 |                     <div class="card-body">
158 |                       <h5 class="card-title">Time: 0.002s</h5>
159 |                       
160 |                         <p class="card-text">Failure: c:\users\spencer.robertson\documents\projects\cid\web services testing\webservicestests\webservicestests\test_cases_one.cpp:535
161 | Value of: FALSE
162 |   Actual: false
163 | Expected: true</p>
164 |                       
165 |                     </div>
166 |                   </div>
167 |                 </div>
168 |               
169 |             
170 |               
171 |             
172 |           </div>
173 |           <div class="accordion" id=TestCasesOneUnitTestsPassedTests>
174 |             
175 |               
176 |                 <div class="card border-success mb-3">
177 |                   <div class="card-header" id=TestThatPassesOnePassedHeading>
178 |                     <h2 class="mb-0">
179 |                       <button class="btn btn-link text-success" type="button" data-toggle="collapse" data-target=#TestThatPassesOnePassedCollapse aria-expanded="false" aria-controls=TestThatPassesOnePassedCollapse>
180 |                         TestThatPassesOne
181 |                       </button>
182 |                     </h2>
183 |                   </div>
184 | 
185 |                   <div id=TestThatPassesOnePassedCollapse class="collapse" aria-labelledby=TestThatPassesOnePassedHeading data-parent=#TestCasesOneUnitTestsPassedTests>
186 |                     <div class="card-body">
187 |                       <h5 class="card-title">Time: 0.002s</h5>
188 |                     </div>
189 |                   </div>
190 |                 </div>
191 |               
192 |             
193 |               
194 |             
195 |               
196 |             
197 |           </div>
198 | 		  <div class="accordion" id=TestCasesOneUnitTestsDisabledTests>
199 |             
200 |               
201 |             
202 |               
203 |             
204 |               
205 |                 <div class="card border-warning mb-3">
206 |                   <div class="card-header" id=DISABLED_TestThatIsDisabledOneDisabledHeading>
207 |                     <h2 class="mb-0">
208 |                       <button class="btn btn-link text-warning" type="button" data-toggle="collapse" data-target=#DISABLED_TestThatIsDisabledOneDisabledCollapse aria-expanded="false" aria-controls=DISABLED_TestThatIsDisabledOneDisabledCollapse>
209 |                         DISABLED_TestThatIsDisabledOne
210 |                       </button>
211 |                     </h2>
212 |                   </div>
213 | 
214 |                   <div id=DISABLED_TestThatIsDisabledOneDisabledCollapse class="collapse" aria-labelledby=DISABLED_TestThatIsDisabledOneDisabledHeading data-parent=#TestCasesOneUnitTestsDisabledTests>
215 |                     <div class="card-body">
216 |                       <h5 class="card-title">Disabled Test</h5>
217 |                     </div>
218 |                   </div>
219 |                 </div>
220 |               
221 |             
222 |           </div>
223 |         </div>
224 |       </div>
225 |     
226 |       <div class="card test-suite-container" id=TestCasesTwoUnitTests>
227 |         <div class="card-header">
228 |           <h5>
229 |             TestCasesTwoUnitTests
230 |             <div class="btn-group btn-group-toggle test-button" data-toggle="buttons">
231 |               <label class="btn btn-primary btn-sm active">
232 |                 <input type="radio" name="options" id=TestCasesTwoUnitTestsAll autocomplete="off" checked> Show All
233 |               </label>
234 |               <label class="btn btn-success btn-sm">
235 |                 <input type="radio" name="options" id=TestCasesTwoUnitTestsPassed autocomplete="off"> Show Only Passed
236 |               </label>
237 |               <label class="btn btn-danger btn-sm">
238 |                 <input type="radio" name="options" id=TestCasesTwoUnitTestsFailed autocomplete="off"> Show Only Failed
239 |               </label>
240 | 			  <label class="btn btn-warning btn-sm">
241 |                 <input type="radio" name="options" id=TestCasesTwoUnitTestsDisabled autocomplete="off"> Show Only Disabled
242 |               </label>
243 |             </div>
244 |           </h5>
245 |         </div>
246 |         <div class="card-body">
247 |           <div class="container">
248 |             <div class="row">
249 |               <div class="col-sm">
250 | 
251 |                 <h4 class="number-container">
252 |                   <span class="badge badge-pill badge-primary">
253 |                     Number of tests: 3
254 |                   </span>
255 |                 </h4>
256 | 
257 |               </div>
258 |               <div class="col-sm">
259 | 
260 |                 <h4 class="number-container">
261 |                   <span class="badge badge-pill badge-success">
262 |                     Passed: 1
263 |                   </span>
264 |                 </h4>
265 | 
266 |               </div>
267 |               <div class="col-sm">
268 | 
269 |                 <h4 class="number-container">
270 |                   <span class="badge badge-pill badge-danger">
271 |                     Failed: 1
272 |                   </span>
273 |                 </h4>
274 | 
275 |               </div>
276 | 			  <div class="col-sm">
277 | 
278 |                 <h4 class="number-container">
279 |                   <span class="badge badge-pill badge-warning">
280 |                     Disabled: 1
281 |                   </span>
282 |                 </h4>
283 | 
284 |               </div>
285 |             </div>
286 |           </div>
287 | 
288 |           <div class="accordion" id=TestCasesTwoUnitTestsFailedTests>
289 |             
290 |               
291 |             
292 |               
293 |                 <div class="card border-danger mb-3">
294 |                   <div class="card-header" id=TestThatFailesTwoFailedHeading>
295 |                     <h2 class="mb-0">
296 |                       <button class="btn btn-link text-danger" type="button" data-toggle="collapse" data-target=#TestThatFailesTwoFailedCollapse aria-expanded="false" aria-controls=TestThatFailesTwoFailedCollapse>
297 |                         TestThatFailesTwo
298 |                       </button>
299 |                     </h2>
300 |                   </div>
301 | 
302 |                   <div id=TestThatFailesTwoFailedCollapse class="collapse" aria-labelledby=TestThatFailesTwoFailedHeading data-parent=#TestCasesTwoUnitTestsFailedTests>
303 |                     <div class="card-body">
304 |                       <h5 class="card-title">Time: 0.002s</h5>
305 |                       
306 |                         <p class="card-text">Failure: c:\users\spencer.robertson\documents\projects\cid\web services testing\webservicestests\webservicestests\test_cases_two.cpp:166
307 | Value of: FALSE
308 |   Actual: false
309 | Expected: true</p>
310 |                       
311 |                     </div>
312 |                   </div>
313 |                 </div>
314 |               
315 |             
316 |               
317 |             
318 |           </div>
319 |           <div class="accordion" id=TestCasesTwoUnitTestsPassedTests>
320 |             
321 |               
322 |                 <div class="card border-success mb-3">
323 |                   <div class="card-header" id=TestThatPassesTwoPassedHeading>
324 |                     <h2 class="mb-0">
325 |                       <button class="btn btn-link text-success" type="button" data-toggle="collapse" data-target=#TestThatPassesTwoPassedCollapse aria-expanded="false" aria-controls=TestThatPassesTwoPassedCollapse>
326 |                         TestThatPassesTwo
327 |                       </button>
328 |                     </h2>
329 |                   </div>
330 | 
331 |                   <div id=TestThatPassesTwoPassedCollapse class="collapse" aria-labelledby=TestThatPassesTwoPassedHeading data-parent=#TestCasesTwoUnitTestsPassedTests>
332 |                     <div class="card-body">
333 |                       <h5 class="card-title">Time: 0.002s</h5>
334 |                     </div>
335 |                   </div>
336 |                 </div>
337 |               
338 |             
339 |               
340 |             
341 |               
342 |             
343 |           </div>
344 | 		  <div class="accordion" id=TestCasesTwoUnitTestsDisabledTests>
345 |             
346 |               
347 |             
348 |               
349 |             
350 |               
351 |                 <div class="card border-warning mb-3">
352 |                   <div class="card-header" id=DISABLED_TestThatIsDisabledTwoDisabledHeading>
353 |                     <h2 class="mb-0">
354 |                       <button class="btn btn-link text-warning" type="button" data-toggle="collapse" data-target=#DISABLED_TestThatIsDisabledTwoDisabledCollapse aria-expanded="false" aria-controls=DISABLED_TestThatIsDisabledTwoDisabledCollapse>
355 |                         DISABLED_TestThatIsDisabledTwo
356 |                       </button>
357 |                     </h2>
358 |                   </div>
359 | 
360 |                   <div id=DISABLED_TestThatIsDisabledTwoDisabledCollapse class="collapse" aria-labelledby=DISABLED_TestThatIsDisabledTwoDisabledHeading data-parent=#TestCasesTwoUnitTestsDisabledTests>
361 |                     <div class="card-body">
362 |                       <h5 class="card-title">Disabled Test</h5>
363 |                     </div>
364 |                   </div>
365 |                 </div>
366 |               
367 |             
368 |           </div>
369 |         </div>
370 |       </div>
371 |     
372 |       <div class="card test-suite-container" id=TestCasesThreeUnitTests>
373 |         <div class="card-header">
374 |           <h5>
375 |             TestCasesThreeUnitTests
376 |             <div class="btn-group btn-group-toggle test-button" data-toggle="buttons">
377 |               <label class="btn btn-primary btn-sm active">
378 |                 <input type="radio" name="options" id=TestCasesThreeUnitTestsAll autocomplete="off" checked> Show All
379 |               </label>
380 |               <label class="btn btn-success btn-sm">
381 |                 <input type="radio" name="options" id=TestCasesThreeUnitTestsPassed autocomplete="off"> Show Only Passed
382 |               </label>
383 |               <label class="btn btn-danger btn-sm">
384 |                 <input type="radio" name="options" id=TestCasesThreeUnitTestsFailed autocomplete="off"> Show Only Failed
385 |               </label>
386 | 			  <label class="btn btn-warning btn-sm">
387 |                 <input type="radio" name="options" id=TestCasesThreeUnitTestsDisabled autocomplete="off"> Show Only Disabled
388 |               </label>
389 |             </div>
390 |           </h5>
391 |         </div>
392 |         <div class="card-body">
393 |           <div class="container">
394 |             <div class="row">
395 |               <div class="col-sm">
396 | 
397 |                 <h4 class="number-container">
398 |                   <span class="badge badge-pill badge-primary">
399 |                     Number of tests: 3
400 |                   </span>
401 |                 </h4>
402 | 
403 |               </div>
404 |               <div class="col-sm">
405 | 
406 |                 <h4 class="number-container">
407 |                   <span class="badge badge-pill badge-success">
408 |                     Passed: 1
409 |                   </span>
410 |                 </h4>
411 | 
412 |               </div>
413 |               <div class="col-sm">
414 | 
415 |                 <h4 class="number-container">
416 |                   <span class="badge badge-pill badge-danger">
417 |                     Failed: 1
418 |                   </span>
419 |                 </h4>
420 | 
421 |               </div>
422 | 			  <div class="col-sm">
423 | 
424 |                 <h4 class="number-container">
425 |                   <span class="badge badge-pill badge-warning">
426 |                     Disabled: 1
427 |                   </span>
428 |                 </h4>
429 | 
430 |               </div>
431 |             </div>
432 |           </div>
433 | 
434 |           <div class="accordion" id=TestCasesThreeUnitTestsFailedTests>
435 |             
436 |               
437 |             
438 |               
439 |                 <div class="card border-danger mb-3">
440 |                   <div class="card-header" id=TestThatFailesThreeFailedHeading>
441 |                     <h2 class="mb-0">
442 |                       <button class="btn btn-link text-danger" type="button" data-toggle="collapse" data-target=#TestThatFailesThreeFailedCollapse aria-expanded="false" aria-controls=TestThatFailesThreeFailedCollapse>
443 |                         TestThatFailesThree
444 |                       </button>
445 |                     </h2>
446 |                   </div>
447 | 
448 |                   <div id=TestThatFailesThreeFailedCollapse class="collapse" aria-labelledby=TestThatFailesThreeFailedHeading data-parent=#TestCasesThreeUnitTestsFailedTests>
449 |                     <div class="card-body">
450 |                       <h5 class="card-title">Time: 0.002s</h5>
451 |                       
452 |                         <p class="card-text">Failure: c:\users\spencer.robertson\documents\projects\cid\web services testing\webservicestests\webservicestests\test_cases_three.cpp:138
453 | Value of: FALSE
454 |   Actual: false
455 | Expected: true</p>
456 |                       
457 |                     </div>
458 |                   </div>
459 |                 </div>
460 |               
461 |             
462 |               
463 |             
464 |           </div>
465 |           <div class="accordion" id=TestCasesThreeUnitTestsPassedTests>
466 |             
467 |               
468 |                 <div class="card border-success mb-3">
469 |                   <div class="card-header" id=TestThatPassesThreePassedHeading>
470 |                     <h2 class="mb-0">
471 |                       <button class="btn btn-link text-success" type="button" data-toggle="collapse" data-target=#TestThatPassesThreePassedCollapse aria-expanded="false" aria-controls=TestThatPassesThreePassedCollapse>
472 |                         TestThatPassesThree
473 |                       </button>
474 |                     </h2>
475 |                   </div>
476 | 
477 |                   <div id=TestThatPassesThreePassedCollapse class="collapse" aria-labelledby=TestThatPassesThreePassedHeading data-parent=#TestCasesThreeUnitTestsPassedTests>
478 |                     <div class="card-body">
479 |                       <h5 class="card-title">Time: 0.002s</h5>
480 |                     </div>
481 |                   </div>
482 |                 </div>
483 |               
484 |             
485 |               
486 |             
487 |               
488 |             
489 |           </div>
490 | 		  <div class="accordion" id=TestCasesThreeUnitTestsDisabledTests>
491 |             
492 |               
493 |             
494 |               
495 |             
496 |               
497 |                 <div class="card border-warning mb-3">
498 |                   <div class="card-header" id=DISABLED_TestThatIsDisabledThreeDisabledHeading>
499 |                     <h2 class="mb-0">
500 |                       <button class="btn btn-link text-warning" type="button" data-toggle="collapse" data-target=#DISABLED_TestThatIsDisabledThreeDisabledCollapse aria-expanded="false" aria-controls=DISABLED_TestThatIsDisabledThreeDisabledCollapse>
501 |                         DISABLED_TestThatIsDisabledThree
502 |                       </button>
503 |                     </h2>
504 |                   </div>
505 | 
506 |                   <div id=DISABLED_TestThatIsDisabledThreeDisabledCollapse class="collapse" aria-labelledby=DISABLED_TestThatIsDisabledThreeDisabledHeading data-parent=#TestCasesThreeUnitTestsDisabledTests>
507 |                     <div class="card-body">
508 |                       <h5 class="card-title">Disabled Test</h5>
509 |                     </div>
510 |                   </div>
511 |                 </div>
512 |               
513 |             
514 |           </div>
515 |         </div>
516 |       </div>
517 |     
518 |   </div>
519 | 
520 |   <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
521 |   <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
522 |   <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
523 |   <script>
524 |     $("label").click(function()
525 |     {
526 | 	  const testDesc = {"Passed": 6, "Failed": 6, "Disabled": 8}
527 | 	  const testDescAll = {"Passed": 6, "Failed": 6, "Disabled": 8, "All": 0}
528 |       var testSuiteID = $(this).find("input").attr("id");
529 |       showAll(testSuiteID);
530 | 	  
531 | 	  for (var testName in testDesc)
532 | 	  {
533 | 		var tempTestDesc = $.extend({}, testDesc);
534 | 		if (testSuiteID.includes(testName)) 
535 | 		{
536 | 		  // We need to hide everything other than the selected type
537 | 		  var testNameLen = tempTestDesc[testName]
538 | 		  delete tempTestDesc[testName]
539 | 		  for (var tempTestName in tempTestDesc)
540 | 		  {
541 | 			var tempSuite = generateTestSuiteName(testSuiteID, testNameLen, tempTestName);
542 | 			$(generateID(tempSuite)).hide();
543 | 		  }
544 | 		}
545 | 	  }
546 | 
547 |       function showAll(testSuiteID)
548 |       {
549 | 		for (var testName in testDescAll)
550 | 	    {
551 | 		  var tempTestDesc = $.extend({}, testDescAll);
552 | 		  
553 | 		  if (testSuiteID.includes(testName)) 
554 | 		  {
555 | 		    // We want to show everything
556 | 		    for (var tempTestName in tempTestDesc)
557 | 		    {
558 | 			  $(generateID(testSuiteID.replace(testName, tempTestName))).show();
559 | 		    }
560 | 		  }
561 | 		}
562 |       }
563 | 		
564 | 	  function generateTestSuiteName(testSuiteName, len, newName) {
565 | 		var tempName = testSuiteName.slice(0, -len) + newName;
566 | 		return tempName;
567 | 	  }
568 | 	  
569 |       function generateID(testSuiteID) {
570 |         return "#" + testSuiteID + "Tests";
571 |       }
572 |     })
573 |   </script>
574 | </body>
575 | </html>


--------------------------------------------------------------------------------