<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="" lang="">
<head>
  <title>Test Results - Overview</title>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  <meta name="description" content="ptest test results." />
  <link href="report.css" rel="stylesheet" type="text/css" />
   <script type="text/javascript" src="amcharts.js"></script>
</head>
<body>
<div id="meta">
  Generated by <a href="https://pypi.python.org/pypi/ptest">ptest</a> at {current_time}
  <br /><span id="system-info">{system_info}</span>
</div>
<h1>Test Results Report</h1>
<table class="overview-table">
    <tr>
    <th colspan="7" class="header suite">
      Default Suite
    </th>
  </tr>
  <tr class="column-headings">
    <td>Test Class</td>
    <th>Duration</th>
    <th>All</th>
    <th>Passed</th>
    <th>Failed</th>
	<th>Skipped</th>
    <th>Pass Rate</th>
  </tr>
  {test_class_summaries}
  <tr class="suite">
    <td>Total</td>
    <td class="number">{test_suite.elapsed_time}s</td>
    <td class="all number">{test_suite.test_case_status_count[0]}</td>
    <td class="passed number">{test_suite.test_case_status_count[1]}</td>
    <td class="failed number">{test_suite.test_case_status_count[2]}</td>
    <td class="skipped number">{test_suite.test_case_status_count[3]}</td>
    <td class="pass-rate number">{test_suite.pass_rate:.1f}%</td>
  </tr>
</table>
<script type="text/javascript">
    var chart;
    var chartData = [
    {{test_status: "Passed", number: {test_suite.test_case_status_count[1]}, color: "#00FF00"}},
    {{test_status: "Failed", number: {test_suite.test_case_status_count[2]}, color: "#FF0000"}},
    {{test_status: "Skipped", number: {test_suite.test_case_status_count[3]}, color: "#FFFF00"}}
    ];
    AmCharts.ready(function () {{
    // PIE CHART
    chart = new AmCharts.AmPieChart();
    // title of the chart
    chart.addTitle("Test results of Default Suite", 16);
    chart.dataProvider = chartData;
    chart.titleField = "test_status";
    chart.valueField = "number";
    chart.colorField="color";
    chart.sequencedAnimation = true;
    chart.startEffect = "elastic";
    chart.innerRadius = "30%";
    chart.startDuration = 2;
    chart.labelRadius = 30;
    // the following two lines makes the chart 3D
    chart.depth3D = 15;
    chart.angle = 30;
    // WRITE
    chart.write("chartdiv");
    }});
</script>
<div id="chartdiv" style="width:600px; height:400px;margin-top: 30px;"></div>
</body>
</html>