When writing a suite, I will create tables to put similar tests together. I start with the test name, then a description, and the current status. The script uses the test name to query the restful service, which returns the latest test result and populates the status cell based on the result. This provides a range of benefits:
- Allows to skip running the suite, which can be time consuming on the machine it is running (as well as blocking for other test suites)
- Get immediate results for each test instead of waiting for the suite
- Easier to navigate than the suite test page
Example
1. Update the ajax url parameter with your url, leading up to the suite with the following period. As long as the testnames in the first column are valid, it will automatically populate the current status column with the last data.
JavaScript
<!--[if lt IE 7 ]> <span id="ie" class="ie6"></span> <![endif]-->
<!--[if IE 7 ]> <span id="ie" class="ie7"></span> <![endif]-->
<!--[if IE 8 ]> <span id="ie" class="ie8"></span> <![endif]-->
<!--[if IE 9 ]> <span id="ie" class="ie9"></span> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <span id="ie" class=""></span> <!--<![endif]-->
<script> "use strict"; // These values count up each of the tests statuses. Display for a summary of the suite. var passingTests = 0; var failedTests = 0; var exceptionTests = 0; var ignoredTests = 0; $( document ).ready(function() { // For each tr that is not the first $('table tr:not(:first-child) td:first-child').each(function() { // get the name of the test out (from >Test Name) var testname = $(this).text().substring(1);// Make the rest call$.ajax({ url: "http://yoururl.yourSuite."+testname+"?pageHistory&resultDate=latest&format=xml", cache: false, type: "GET", dataType: "xml", context: this, success: function(data) { var output = ""; //IE doesn't support innerHTML element if($("#ie").is('.ie6, .ie7, .ie8, .ie9')){ var correct = $(data).find("counts")[0].firstChild.text; var wrong = $(data).find("counts")[0].firstChild.nextSibling.text; var ignored = $(data).find("counts")[0].firstChild.nextSibling.nextSibling.text; var exception = $(data).find("counts")[0].firstChild.nextSibling.nextSibling.nextSibling.text; } else { // For everyone else var correct = $(data).find("counts")[0].childNodes[1].innerHTML; var wrong = $(data).find("counts")[0].childNodes[3].innerHTML; var ignored = $(data).find("counts")[0].childNodes[5].innerHTML; var exception = $(data).find("counts")[0].childNodes[7].innerHTML; } output += "<span class=\"correct\">right: " + correct + "</span><br/>"; if(wrong != "0") { output += "<span class=\"wrong\">wrong: " + wrong + "</span><br/>"; $(this).closest("tr").addClass("testFailed"); } if(wrong != "0" && exception == "0"){ failedTests++; } if(ignored != "0"){ output += "<span class=\"ignored\">ignored: " + ignored + "</span><br/>"; ignoredTests++; } if(exception != "0"){ output += "<span class=\"exception\">exception: "+ exception +"</span>"; $(this).closest("tr").addClass("testException"); exceptionTests++; } if(wrong == "0" && exception == "0" && correct != "0") { passingTests++; $(this).closest("tr").addClass("testPassed"); } // Append to status td $(this).closest("td").next().next().append(output); } }); }); }); </script>
CSS
<style> .testPassed { background-color:#CDFECD; } .testFailed { background-color:#FFCCCC; } .testException { background-color:#FFFFCC; } .correct { color:green; font-weight:bold; } .wrong { color:red; font-weight:bold; } .exception { color:#FFCC00; font-weight:bold; } .ignored { color:grey; font-weight:bold; } </style>
