<?xml version="1.0" encoding="utf-8" ?>
<head>
    <title>test</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <meta name="description" content="TestNG unit test results."/>
    <style type="text/css">
        body {
            margin: 10px 20px;
            font-size: 14px;
            font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
        }

        .successBtn {
            width: 60px;
            padding: 3px;
            background-color: #58ab48;
            border-color: #58ab48;
            color: #fff;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            -khtml-border-radius: 10px;
            text-align: center;
            vertical-align: middle;
            border: 1px solid transparent;
            font-weight: 500;
        }

        .failBtn {
            width: 60px;
            padding: 3px;
            background-color: #ab2e2d;
            border-color: #ab2e2d;
            color: #fff;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px; /* future proofing */
            -khtml-border-radius: 10px; /* for old Konqueror browsers */
            text-align: center;
            vertical-align: middle;
            border: 1px solid transparent;
            font-weight: 500;
        }
    </style>
    <style>
        /* Border styles */
        .tabNoBorder thead, .tabNoBorder tr {
            border-top-width: 1px;
            border-top-style: solid;
            border-top-color: rgb(211, 202, 221);
        }

        .tabNoBorder {
            border-bottom-width: 1px;
            border-bottom-style: solid;
            border-bottom-color: rgb(211, 202, 221);
        }

        /* Padding and font style */
        .tabNoBorder td, .tabNoBorder th {
            padding: 5px 10px;
            font-size: 14px;
            font-family: Verdana;
            color: rgb(95, 74, 121);
        }

        /* Alternating background colors */
        .tabNoBorder tr:nth-child(even) {
            background: rgb(223, 216, 232)
        }

        .tabNoBorder tr:nth-child(odd) {
            background: #FFF
        }
    </style>
</head>
<body>
<br/>
<h2>Summary</h2>
<table id="summary" class="tabNoBorder">
    <tr class="columnHeadings">
        <th>用例总数</th>
        <th>未执行用例数</th>
        <th>执行通过</th>
        <th>执行失败</th>
        <th>跳过用例数</th>
        <th>执行时间(s)</th>
        <th>用例通过率</th>
    </tr>
    <tr>
        <td>${overView.allTestsSize}</td><#--用例总数-->
        <td>${overView.excludeTestsSize}</td><#--未执行用例数-->
        <td>${overView.passedTestsSize}</td><#--执行通过-->
        <td>${overView.failedTestsSize}</td><#--执行失败-->
        <td>${overView.skippedTestsSize}</td><#--跳过用例数-->
        <td>${overView.testsTime}</td><#--执行时间(s)-->
        <td>${overView.passPercent}</td><#--用例通过率-->
    </tr>
</table>
<br/><br/>
<h2>Detail</h2>
<table class="tabNoBorder">
    <tr class="columnHeadings">
        <th>编号</th>
        <th>用例名称</th>
        <th>用例类型</th>
        <th>详细参数</th>
        <th>前置动作</th>
        <th>中间动作</th>
        <th>后置动作</th>
        <th>用例描述</th>
        <th>执行结果</th>
        <th>执行时间(s)</th>
        <th>结果信息</th>
    </tr>
    <#assign caseNo = 0>
    <#list fail as failCase>
        <tr>
            <#assign caseNo=caseNo+1>
            <td>${caseNo}</td><#--编号-->
            <td>${failCase.testCaseName!}</td><#--用例名称-->
            <td>${failCase.type!}</td><#--用例类型-->
            <td>${failCase.detail!}</td><#--详细参数-->
            <td>${failCase.moveBefore!}</td><#--前置动作-->
            <td>${failCase.moveAfterCase!}</td><#--中间动作-->
            <td>${failCase.moveAfterTest!}</td><#--后置动作-->
            <td>${failCase.description!}</td><#--用例描述-->
            <td>
                <div class="failBtn">失败</div><#--<th>执行结果</th>-->
            </td>
            <td>${failCase.duration!}</td><#--<th>执行时间(s)</th>-->
            <td>${failCase.throwable!}</td><#--<th>结果信息</th>-->
        </tr>
    </#list>
    <#list pass as passCase>
        <tr>
            <#assign caseNo=caseNo+1>
            <td>${caseNo}</td><#--编号-->
            <td>${passCase.testCaseName!}</td><#--用例名称-->
            <td>${passCase.type!}</td><#--用例类型-->
            <td>${passCase.detail!}</td><#--详细参数-->
            <td>${passCase.moveBefore!}</td><#--前置动作-->
            <td>${passCase.moveAfterCase!}</td><#--中间动作-->
            <td>${passCase.moveAfterTest!}</td><#--后置动作-->
            <td>${passCase.description}</td><#--用例描述-->
            <td>
                <div class="successBtn">成功</div><#--执行结果-->
            </td>
            <td>${passCase.duration!}</td><#--执行时间(s)-->
            <td>${passCase.resultMessage!}</td><#--结果信息-->
        </tr>
    </#list>
</table>
</body>
</html>