UI自动化测试报告html模板，改进的HTMLTestRunner模版

研究了别人的自动化测试摸版，自己也改进了一些，不多说看图：

改进了字体的显示大小和报告名称的居中显示
代码如下：

	#coding=utf-8
	"""
	A TestRunner for use with the Python unit testing framework. It
	generates a HTML report to show the result at a glance.
	
	The simplest way to use this is to invoke its main method. E.g.
	
	    import unittest
	    import HTMLTestRunner
	
	    ... define your tests ...
	
	    if __name__ == '__main__':
	        HTMLTestRunner.main()
	
	
	For more customization options, instantiates a HTMLTestRunner object.
	HTMLTestRunner is a counterpart to unittest's TextTestRunner. E.g.
	
	    # output to a file
	    fp = file('my_report.html', 'wb')
	    runner = HTMLTestRunner.HTMLTestRunner(
	                stream=fp,
	                title='My unit test',
	                description='This demonstrates the report output by HTMLTestRunner.'
	                )
	
	    # Use an external stylesheet.
	    # See the Template_mixin class for more customizable options
	    runner.STYLESHEET_TMPL = '<link rel="stylesheet" href="my_stylesheet.css" type="text/css">'
	
	    # run the test
	    runner.run(my_test_suite)
	
	
	------------------------------------------------------------------------
	Copyright (c) 2004-2007, Wai Yip Tung
	All rights reserved.
	
	Redistribution and use in source and binary forms, with or without
	modification, are permitted provided that the following conditions are
	met:
	
	* Redistributions of source code must retain the above copyright notice,
	  this list of conditions and the following disclaimer.
	* Redistributions in binary form must reproduce the above copyright
	  notice, this list of conditions and the following disclaimer in the
	  documentation and/or other materials provided with the distribution.
	* Neither the name Wai Yip Tung nor the names of its contributors may be
	  used to endorse or promote products derived from this software without
	  specific prior written permission.
	
	THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS
	IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED
	TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A
	PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER
	OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
	EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
	PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
	PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
	LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
	NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
	SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
	"""
	
	# URL: http://tungwaiyip.info/software/HTMLTestRunner.html
	
	__author__ = "Wai Yip Tung,  Findyou"
	__version__ = "0.8.2.2"
	
	
	"""
	Change History
	Version 0.8.2.1 -Findyou
	* 改为支持python3
	
	Version 0.8.2.1 -Findyou
	* 支持中文，汉化
	* 调整样式，美化（需要连入网络，使用的百度的Bootstrap.js）
	* 增加 通过分类显示、测试人员、通过率的展示
	* 优化“详细”与“收起”状态的变换
	* 增加返回顶部的锚点
	
	Version 0.8.2
	* Show output inline instead of popup window (Viorel Lupu).
	
	Version in 0.8.1
	* Validated XHTML (Wolfgang Borgert).
	* Added description of test classes and test cases.
	
	Version in 0.8.0
	* Define Template_mixin class for customization.
	* Workaround a IE 6 bug that it does not treat <script> block as CDATA.
	
	Version in 0.7.1
	* Back port to Python 2.3 (Frank Horowitz).
	* Fix missing scroll bars in detail log (Podi).
	"""
	
	# TODO: color stderr
	# TODO: simplify javascript using ,ore than 1 class in the class attribute?
	
	import datetime
	import io
	import sys
	import time
	import unittest
	from xml.sax import saxutils
	import sys
	
	# ------------------------------------------------------------------------
	# The redirectors below are used to capture output during testing. Output
	# sent to sys.stdout and sys.stderr are automatically captured. However
	# in some cases sys.stdout is already cached before HTMLTestRunner is
	# invoked (e.g. calling logging.basicConfig). In order to capture those
	# output, use the redirectors for the cached stream.
	#
	# e.g.
	#   >>> logging.basicConfig(stream=HTMLTestRunner.stdout_redirector)
	#   >>>
	
	class OutputRedirector(object):
	    """ Wrapper to redirect stdout or stderr """
	    def __init__(self, fp):
	        self.fp = fp
	
	    def write(self, s):
	        self.fp.write(s)
	
	    def writelines(self, lines):
	        self.fp.writelines(lines)
	
	    def flush(self):
	        self.fp.flush()
	
	stdout_redirector = OutputRedirector(sys.stdout)
	stderr_redirector = OutputRedirector(sys.stderr)
	
	# ----------------------------------------------------------------------
	# Template
	
	class Template_mixin(object):
	    """
	    Define a HTML template for report customerization and generation.
	
	    Overall structure of an HTML report
	
	    HTML
	    +------------------------+
	    |<html>                  |
	    |  <head>                |
	    |                        |
	    |   STYLESHEET           |
	    |   +----------------+   |
	    |   |                |   |
	    |   +----------------+   |
	    |                        |
	    |  </head>               |
	    |                        |
	    |  <body>                |
	    |                        |
	    |   HEADING              |
	    |   +----------------+   |
	    |   |                |   |
	    |   +----------------+   |
	    |                        |
	    |   REPORT               |
	    |   +----------------+   |
	    |   |                |   |
	    |   +----------------+   |
	    |                        |
	    |   ENDING               |
	    |   +----------------+   |
	    |   |                |   |
	    |   +----------------+   |
	    |                        |
	    |  </body>               |
	    |</html>                 |
	    +------------------------+
	    """
	
	    STATUS = {
   
	    0: '通过',
	    1: '失败',
	    2: '错误',
	    }
	
	    DEFAULT_TITLE = '单元测试报告'
	    DEFAULT_DESCRIPTION = ''
	    DEFAULT_TESTER='最棒QA'
	
	    # ------------------------------------------------------------------------
	    # HTML Template
	
	    HTML_TMPL = r"""<?xml version="1.0" encoding="UTF-8"?>
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	    <title>%(title)s</title>
	    <meta name="generator" content="%(generator)s"/>
	    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	    <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
	    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	    <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
	    %(stylesheet)s
	</head>
	<body >
	<script language="javascript" type="text/javascript">
	output_list = Array();
	
	/*level 调整增加只显示通过用例的分类 --Findyou
	0:Summary //all hiddenRow
	1:Failed  //pt hiddenRow, ft none
	2:Pass    //pt none, ft hiddenRow
	3:All     //pt none, ft none
	*/
	function showCase(level) {
	    trs = document.getElementsByTagName("tr");
	    for (var i = 0; i < trs.length; i++) {
	        tr = trs[i];
	        id = tr.id;
	        if (id.substr(0,2) == 'ft') {
	            if (level == 2 || level == 0 ) {
	                tr.className = 'hiddenRow';
	            }
	            else {
	                tr.className = '';
	            }
	        }
	        if (id.substr(0,2) == 'pt') {
	            if (level < 2) {
	                tr.className = 'hiddenRow';
	            }
	            else {
	                tr.className = '';
	            }
	        }
	    }
	
	    //加入【详细】切换文字变化 --Findyou
	    detail_class=document.getElementsByClassName('detail');
		//console.log(detail_class.length)
		if (level == 3) {
			for (var i = 0; i < detail_class.length; i++){
				detail_class[i].innerHTML="收起"
			}
		}
		else{
				for (var i = 0; i < detail_class.length; i++){
				detail_class[i].innerHTML="详细"
			}
		}
	}
	
	function showClassDetail(cid, count) {
	    var id_list = Array(count);
	    var toHide = 1;
	    for (var i = 0; i < count; i++) {
	        //ID修改 点 为 下划线 -Findyou
	        tid0 = 't' + cid.substr(1) + '_' + (i+1);
	        tid = 'f' + tid0;
	        tr = document.getElementById(tid);
	        if (!tr) {
	            tid = 'p' + tid0;
	            tr = document.getElementById(tid);
	        }
	        id_list[i] = tid;
	        if (tr.className) {
	            toHide = 0;
	        }
	    }
	    for (var i = 0; i < count; i++) {
	        tid = id_list[i];
	        //修改点击无法收起的BUG，加入【详细】切换文字变化 --Findyou
	        if (toHide) {
	            document.getElementById(tid).className = 'hiddenRow';
	            document.getElementById(cid).innerText = "详细"
	        }
	        else {
	            document.getElementById(tid).className = '';
	            document.getElementById(cid).innerText = "收起"
	        }
	    }
	}
	
	function html_escape(s) {
	    s = s.replace(/&/g,'&amp;');
	    s = s.replace(/</g,'&lt;');
	    s = s.replace(/>/g,'&gt;');
	    return s;
	}
	</script>
	%(heading)s
	%(report)s
	%(ending)s
	
	</body>
	</html>
	"""
	    # variables: (title, generator, stylesheet, heading, report, ending)
	
	
	    # ------------------------------------------------------------------------
	    # Stylesheet
	    #
	    # alternatively use a <link> for external style sheet, e.g.
	    #   <link rel="stylesheet" href="$url" type="text/css">
	
	    STYLESHEET_TMPL = """
	<style type="text/css" media="screen">
	body        { font-family: Microsoft YaHei,Tahoma,arial,helvetica,sans-serif;padding: 20px; font-size: 80%; }
	table       { font-size: 100%; }
	
	/* -- heading ---------------------------------------------------------------------- */
	.heading {
	    margin-top: 0ex;
	    margin-bottom: 1ex;
	}