<!DOCTYPE html>
<html>
<head>
<meta charset=‘utf-8‘/>
<meta name=‘description‘ content=‘‘/>
<meta name=‘robots‘ content=‘noodp, noydir‘/>
<meta name=‘viewport‘ content=‘width=device-width, initial-scale=1‘/>
<meta id="timeStampFormat" name="timeStampFormat" content=‘MMM d, yyyy hh:mm:ss a‘/>
<link href=‘https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600‘ rel=‘stylesheet‘ type=‘text/css‘>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href=‘http://extentreports.com/resx/dist/css/extent.css‘ type=‘text/css‘ rel=‘stylesheet‘/>
<title>{{ html_report_name }} - TestReport</title>
<style type=‘text/css‘>
.node.level-1 ul {
display: none;
}
.node.level-1.active ul {
display: block;
}
.card-panel.environment th:first-child {
width: 30%;
}
.separator {
color:royalblue;
}
#test-collection li, #category-collection li, #exception-collection li{
padding: 15px 20px;
}
.code-block {
border: 1px solid #ebedef;
border-radius: 2px;
color: #222 !important;
font-family: Consolas, monospace;
font-size: 13px;
margin: 0;
padding: 5px;
overflow: auto;
}
#checkvalue td:first-child,tr:first-child {
width: 150px
}
#checkvalue td:nth-child(5),tr:nth-child(5) {
width: 60px
}
#checkvalue td:nth-child(2),tr:nth-child(2) {
width: 60px
}
#checkvalue td:nth-child(3),tr:nth-child(3) {
min-width: 100px;
}
#checkvalue td:nth-child(4),tr:nth-child(4) {
min-width: 100px;
}
.noncar-seventy-five {
display: inline-block;
width: 100%;
float: left;
height: 200px;
}
.noncar-wrap {
width: 50%;
display: inline-block;
float: left;
}
.noncar-inside, .noncar-inside-last {
border-radius: 4px;
height: 200px;
}
.noncar-title {
height: 40px;
}
.noncar-content {
margin-bottom: 40px;
}
.noncar-content-l, .noncar-content-r {
display: inline-block;
height: 140px;
float: left;
}
.noncar-content-r {
width: 60%;
}
.noncar-content-l {
width: 35%;
padding-top: 30px;
}
.panel-name {
font-size: 16px;
padding-left: 16px;
}
.tooltipped {
padding-left: 25px;
}
</style>
</head>
<body class=‘extent standard default hide-overflow dark‘>
<div id=‘theme-selector‘ alt=‘切换主题，默认黑色‘ title=‘切换主题‘>
<span><i class=‘material-icons‘>desktop_windows</i></span>
</div>
<nav>
<div class="nav-wrapper">
<a href="#!" class="brand-logo blue darken-3">双中台自动化测试报告</a>
<!-- slideout menu -->
<ul id=‘slide-out‘ class=‘side-nav fixed hide-on-med-and-down‘>
<li class=‘waves-effect active‘><a href=‘#!‘ view=‘test-view‘
onclick="configureView(0);chartsView(‘test‘);"><i class=‘material-icons‘>dashboard</i></a>
</li>
<li class=‘waves-effect‘><a href=‘#!‘ view=‘category-view‘ onclick="configureView(1)"><i
class=‘material-icons‘>label_outline</i></a></li>
</ul>
<!-- report name -->
<span class=‘report-name‘> {{ html_report_name }}</span>
<!-- report headline -->
<span class=‘report-headline‘></span>
<!-- nav-right -->
<ul id=‘nav-mobile‘ class=‘right hide-on-med-and-down nav-right‘>
<li>
<a href=‘#!‘>
<span class=‘label suite-start-time blue darken-3‘>开始时间: {{ time.start_at }}</span>
</a>
</li>
<li>
<a href=‘#!‘>
<span class=‘label blue darken-3‘>执行时间: {{ ‘%0.3f‘| format(time.duration|float) }} seconds</span>
</a>
</li>
<li>
<a href=‘#!‘>
<span class=‘label blue darken-3‘>HttpRunner {{ platform.httprunner_version }} </span>
</a>
</li>
<li>
<a href=‘#!‘>
<span class=‘label blue darken-3‘>{{ platform.python_version }} </span>
</a>
</li>
<li>
<a href=‘#!‘>
<span class=‘label blue darken-3‘>{{ platform.platform }}</span>
</a>
</li>
</ul>
</div>
</nav>
<!-- container -->
<div class=‘container‘>
<div id=‘test-view‘ class=‘view‘>
<section id=‘controls‘>
<div class=‘controls grey lighten-4‘>
<!-- test toggle -->
<div class=‘chip transparent‘>
<a class=‘dropdown-button tests-toggle‘ data-activates=‘tests-toggle‘ data-constrainwidth=‘true‘
data-beloworigin=‘true‘ data-hover=‘true‘ href=‘#‘>
<i class=‘material-icons‘>warning</i> 状态
</a>
<ul id=‘tests-toggle‘ class=‘dropdown-content‘>
<li status=‘pass‘><a href=‘#!‘ onclick="filters_testcases(this.type)" type="pass" >成功<i class=‘material-icons green-text‘>check_circle</i></a></li>
<li status=‘fail‘><a href=‘#!‘onclick="filters_testcases(this.type)" type="fail" >失败<i class=‘material-icons red-text‘>cancel</i></a></li>
<!-- <li status="skip"><a href="#!">Skip<i class="material-icons cyan-text">redo</i></a></li> -->
<li class=‘divider‘></li>
<li status=‘clear‘ clear=‘true‘><a href=‘#!‘ onclick="filters_testcases(this.type)" type="clear" >清空 <i
class=‘material-icons‘>clear</i></a></li>
</ul>
</div>
<!-- test toggle -->
<!-- clear filters -->
<div class=‘chip transparent hide‘>
<a class=‘‘ id=‘clear-filters‘ alt=‘Clear Filters‘ title=‘Clear Filters‘>
<i class=‘material-icons‘>close</i> Clear
</a>
</div>
<!-- clear filters -->
<!-- enable dashboard -->
<div id=‘toggle-test-view-charts‘ class=‘chip transparent‘>
<a class=‘pink-text‘ id=‘enable-dashboard‘ alt=‘Enable Dashboard‘ title=‘Enable Dashboard‘>
<i class=‘material-icons‘>track_changes</i> 看板切换
</a>
</div>
<!-- enable dashboard -->
<!-- search -->
<div class=‘chip transparent‘ alt=‘Search Tests‘ title=‘Search Tests‘>
<a href="#" class=‘search-div‘>
<i class=‘material-icons‘>search</i> 查找
</a>
<div class=‘input-field left hide‘>
<input style="color: red" id=‘search-tests‘ type=‘text‘ class=‘validate browser-default‘
placeholder=‘Search Tests...‘>
</div>
</div>
<!-- search -->
</div>
</section>
<div id=‘test-view-charts‘ class=‘subview-full noncar-seventy-five‘>
<div id=‘charts-row‘ class=‘noncar-wrap‘>
<div class=‘ noncar-inside‘>
<div class=‘noncar-title‘>
<div class=‘left panel-name‘>驾驶舱接口自动化测试报告</div>
</div>
<div class="noncar-content">
<div class="noncar-content-l" >
<div class=‘block text‘>
<span class=‘strong tooltipped‘ data-position=‘top‘>总测试: {{ stat.testcases.total }}</span>
</div>
<div class=‘block text‘>
<span class=‘strong tooltipped‘ data-position=‘top‘>成功: {{ stat.testcases.success }}</span>
</div>
<div class=‘block text‘>
<span class=‘strong tooltipped‘ data-position=‘top‘>失败: {{ stat.testcases.fail }}</span>
</div>
</div>
<div class="noncar-content-r" style="-webkit-tap-highlight-color: transparent; user-select: none; position: relative; background: transparent;">
<div class=‘chart-box‘ width="369" height="140" data-zr-dom-id="zr_0" style="position: absolute; left: 0px; top: 0px; width: 369px; height: 140px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;">
<canvas id="child-analysis" width="369" height="140" style="position: absolute; left: 0px; top: 0px; width: 369px; height: 140px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;">
</canvas>
</div>
</div>
</div>
</div>
</div>
<div id=‘charts-row‘ class=‘noncar-wrap‘>
<div class=‘ noncar-inside‘>
<div class=‘noncar-title‘>
<div class=‘left panel-name‘>测试详情</div>
</div>
<div class="noncar-content">
<div class="noncar-content-l" >
<div class=‘block text‘>
<span class=‘strong tooltipped‘ data-position=‘top‘>总数: {{ stat.teststeps.total }}</span>
</div>
<div class=‘block text‘>
<span class=‘strong tooltipped‘ data-position=‘top‘>成功: {{ stat.teststeps.successes }}</span>
</div>
<div class=‘block text‘>
<span class=‘strong tooltipped‘ data-position=‘top‘>失败: {{ stat.teststeps.failures }}</span>
</div>
<div class=‘block text‘>
<span class=‘strong tooltipped‘ data-position=‘top‘>错误: {{ stat.teststeps.errors }}</span>
</div>
<div class=‘block text‘>
<span class=‘strong tooltipped‘ data-position=‘top‘>跳过: {{ stat.teststeps.skipped }}</span>
</div>
</div>
<div class="noncar-content-r" style="-webkit-tap-highlight-color: transparent; user-select: none; position: relative; background: transparent;">
<div class=‘chart-box‘ width="369" height="140" style="position: absolute; left: 0px; top: 0px; width: 369px; height: 140px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;">
<canvas id=‘parent-analysis‘ width=‘369‘ height=‘140‘ style="position: absolute; left: 0px; top: 0px; width: 369px; height: 140px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas>
</div>
</div>
</div>
</div>
</div>
</div>
<div class=‘subview-left left‘>
<div class=‘view-summary‘>
<h5>测试详情</h5>
<ul id=‘test-collection‘ class=‘test-collection‘>
{% for test_suite_summary in details %}
{% if test_suite_summary.success == True %}
<li class=‘test displayed active has-leaf pass‘ status=‘pass‘ bdd=‘true‘ test-id=‘{{ test_suite_summary.name }}_{{ loop.index }}‘>
{% else %}
<li class=‘test displayed active has-leaf fail‘ status=‘fail‘ bdd=‘false‘ test-id=‘{{ test_suite_summary.name }}_{{ loop.index }}‘>
{% endif %}
<div class=‘test-heading‘>
<span class=‘test-name‘>{{ test_suite_summary.name }}</span>
{% if test_suite_summary.success == True %}
<span class=‘test-status right pass‘>成功</span>
{% else %}
<span class=‘test-status right fail‘>失败</span>
{% endif %}
</div>
<div class=‘test-content hide‘>
<div class=‘test-time-info‘>
<span class=‘label start-time‘>{{ test_suite_summary.time.start_at }}</span>
<span class=‘label end-time‘>{{ ‘%0.3f‘| format(test_suite_summary.time.duration|float) }} seconds</span>
</div>
<div class=‘test-desc‘>成功: {{ test_suite_summary.stat.successes }} ;
失败: {{ test_suite_summary.stat.failures }} ;
错误: {{ test_suite_summary.stat.errors }}
跳过: {{ test_suite_summary.stat.skipped }} ;
</div>
<ul class=‘collapsible node-list‘ data-collapsible=‘accordion‘>
{% for record in test_suite_summary.records %}
{% set record_index = "{}_{}".format(suite_index, loop.index) %}
{% set record_meta_datas = record.meta_datas_expanded %}
{% if record.status == ‘success‘ %}
<li class=‘node level-1 leaf pass‘ status=‘pass‘
test-id=‘{{ test_suite_summary.name }}_{{ record.name }}_{{ loop.index }}‘>
{% elif record.status == ‘failure‘ %}
<li class=‘node level-1 leaf fail‘ status=‘fail‘
test-id=‘{{ test_suite_summary.name }}_{{ record.name }}_{{ loop.index }}‘>
{% elif record.status == ‘error‘ %}
<li class=‘node level-1 leaf error‘ status=‘error‘
test-id=‘{{ test_suite_summary.name }}_{{ record.name }}_{{ loop.index }}‘>
{% elif record.status == ‘skipped‘ %}
<li class=‘node level-1 leaf skip‘ status=‘skip‘
test-id=‘{{ test_suite_summary.name }}_{{ record.name }}_{{ loop.index }}‘>
{% endif %}
<div class=‘collapsible-header‘>
<div class=‘node-name‘>{{ record.name }}</div>
<span class=‘node-duration‘>响应时间: {{ record.response_time }} ms</span>
{% if record.status == ‘success‘ %}
<span class=‘test-status right pass‘>通过</span>
{% elif record.status == ‘failure‘ %}
<span class=‘test-status right fail‘>失败</span>
{% elif record.status == ‘error‘ %}
<span class=‘test-status right error‘>错误</span>
{% elif record.status == ‘skipped‘ %}
<span class=‘test-status right skip‘>跳过</span>
{% endif %}
</div>
<div class=‘collapsible-body‘>
{% for meta_data in record_meta_datas %}
{% set meta_data_index = loop%}
<div class=‘node-steps‘>
{% for req_resp in meta_data.data %}
<table class=‘bordered table-results‘>
<thead>
<tr>
<th>Status</th>
<th>Params</th>
<th>Details</th>
</tr>
</thead>
{% if record.status == ‘skipped‘ %}
<tbody>
{% if record.attachment %}
<tr class=‘fail‘ status=‘fail‘>
<td class=‘status fail‘ title=‘exception‘ alt=‘fail‘><i
class=‘material-icons‘>cancel</i></td>
<td class=‘timestamp‘>traceback</td>
<td class=‘step-details‘>
<pre class="code-block">{{ record.attachment | e }}</pre>
</td>
</tr>
{% endif %}
</tbody>
{% else %}
{% if loop.index > 1 %}
<div class="separator" align="center">==================================== redirect to ====================================</div>
{% endif %}
<tbody>
<tr class=‘info‘ status=‘info‘>
<td class=‘status info‘ title=‘接口地址‘ alt=‘info‘><i
class=‘material-icons‘>low_priority</i></td>
<td class=‘timestamp‘>url</td>
<td class=‘step-details‘>{{ req_resp.request.url }}</td>
</tr>
{% if req_resp.request.method %}
<tr class=‘info‘ status=‘info‘>
<td class=‘status info‘ title=‘请求方式‘ alt=‘info‘><i
class=‘material-icons‘>low_priority</i></td>
<td class=‘timestamp‘>method</td>
<td class=‘step-details‘>{{ req_resp.request.method }}</td>
</tr>
{% endif %}
<tr class=‘info‘ status=‘info‘>
<td class=‘status info‘ title=‘状态码‘ alt=‘info‘><i
class=‘material-icons‘>low_priority</i></td>
<td class=‘timestamp‘>status_code</td>
<td class=‘step-details‘>{{ req_resp.response.status_code }}</td>
</tr>
{% for key, value in req_resp.request.items() %}
{% if key != ‘url‘ and key != ‘method‘ and key != ‘start_timestamp‘ %}
<tr class=‘warning‘ status=‘warning‘>
<td class=‘status warning‘ title=‘{{ key }}‘ alt=‘warning‘><i
class=‘material-icons‘>low_priority</i></td>
{% if key == "headers" %}
<td class=‘timestamp‘>req_header</td>
{% else %}
<td class=‘timestamp‘>{{ key }}</td>
{% endif %}
<td class=‘step-details‘>
{% if key == "headers" %}
{% for header_key, header_value in req_resp.response.headers.items() %}
<div>{{ header_key }}: {{ header_value | e}}</div>
{% endfor %}
{% else %}
{{ value }}
{% endif %}
</td>
</tr>
{% endif %}
{% endfor %}
{% if meta_data_index.length > 1 %}
<div class="separator" align="center">==================================== request_{{meta_data_index.index}} ====================================</div>
{% endif%}
{% for key, value in req_resp.response.items() %}
{% if key != "elapsed_ms" and key != "response_time_ms" and key != "content_size" and key != "content_type" and key != "status_code" and key != "reason" and key != "ok" and key != "encoding" and key != "url" and value %}
<tr class=‘error‘ status=‘error‘>
<td class=‘status error‘ title=‘{{ key }}‘ alt=‘error‘><i
class=‘material-icons‘>low_priority</i></td>
{% if key == "headers" %}
<td class=‘timestamp‘>rsp_header</td>
{% else %}
<td class=‘timestamp‘>{{ key }}</td>
{% endif %}
<td class=‘step-details‘>
{% if key == "headers" %}
{% for header_key, header_value in req_resp.response.headers.items() %}
<pre class="code-block">{{ header_key }}: {{ header_value }}</pre>
{% endfor %}
{% elif key == "content" %}
{% if "image" in req_resp.response.content_type %}
<img src="{{ req_resp.response.content }}" />
{% else %}
{{ value }}
{% endif %}
{% elif key in ["text", "json"] %}
{% if value is mapping%}
<pre>{{ value | tojson | e }}</pre>
{% else %}
<pre>{{ value | e }}</pre>
{% endif %}
{% elif key == "cookies" %}
{% for cookies_key, cookies_value in req_resp.response.cookies.items() %}
<pre>{{ cookies_key }}: {{ cookies_value }}</pre>
{% endfor %}
{% else %}
{{ value }}
{% endif %}
</td>
</tr>
{% endif %}
{% endfor %}
<tr class=‘pass‘ status=‘pass‘>
<td class=‘status pass‘ title=‘断言‘ alt=‘pass‘><i
class=‘material-icons‘>low_priority</i></td>
<td class=‘timestamp‘>Validators</td>
<td >
<table id="checkvalue" >
<tr>
<th >check</th>
<th>comparator</th>
<th>expect value</th>
<th>actual value</th>
<th>result</th>
</tr>
{% for validator in meta_data.validators %}
<tr>
<td >{{validator.check | e}}</td>
<td>{{validator.comparator}}</td>
<td>{{validator.expect | e}}</td>
<td>{{validator.check_value | e}}</td>
{% if validator.check_result == "pass" %}
<td class="test-status pass">通过</td>
{% elif validator.check_result == "fail" %}
<td class="test-status fail">失败</td>
{% elif validator.check_result == "unchecked" %}
<td class="test-status skip">unchecked</td>
{% endif %}
</tr>
{% endfor %}
</table>
</td>
</tr>
<tr class=‘info‘ status=‘info‘>
<td class=‘status info‘ title=‘info‘ alt=‘info‘><i
class=‘material-icons‘>low_priority</i></td>
<td class=‘timestamp‘>Statistics</td>
<td class=‘step-details‘>
<div>
content_size(bytes): {{ meta_data.stat.content_size }}
</div>
<div>
response_time(ms): {{ meta_data.stat.response_time_ms }}
</div>
<div>
elapsed(ms): {{ meta_data.stat.elapsed_ms }}
</div>
</td>
</tr>
{% if record.attachment and meta_data_index.last %}
<tr class=‘fail‘ status=‘fail‘>
<td class=‘status fail‘ title=‘exception‘ alt=‘fail‘><i
class=‘material-icons‘>cancel</i></td>
<td class=‘timestamp‘>traceback</td>
<td class=‘step-details‘>
<pre class="code-block">{{ record.attachment | e }}</pre>
</td>
</tr>
{% endif %}
</tbody>
{% endif %}
</table>
{% endfor %}
</div>
{% endfor %}
</div>
</li>
{% endfor %}
</ul>
</div>
{% endfor %}
</ul>
</div>
</div>
<!-- subview left -->
<div class=‘subview-right left‘>
<div class=‘view-summary‘>
<h6 class=‘test-name‘></h6>
<div id=‘step-filters‘ class="right">
<span status="pass" alt="pass" title="pass"><a href=‘#!‘ onclick="step_filter(this.type)" type="pass"><i class="material-icons green-text">check_circle</i></a></span>
<span status="fail" alt="fail" title="fail"><a href=‘#!‘ onclick="step_filter(this.type)" type="fail"><i
class="material-icons red-text">cancel</i></a></span>
<span class="text-lighten-1" status="error" alt="error" title="error"><a href=‘#!‘ onclick="step_filter(this.type)" type="error"><i
class="material-icons pink-text ">error</i></a></span>
<span status="skip" alt="skip" title="skip"><a href=‘#!‘ onclick="step_filter(this.type)" type="skip"><i
class="material-icons teal-text">redo</i></a></span>
<span status="clear" alt="Clear filters" title="Clear filters"><a href=‘#!‘ onclick="step_filter(this.type)" type="clear"><i
class="material-icons">clear</i></a></span>
</div>
</div>
</div>
</div>
<!-- subview right -->
<!-- test view -->
<div id=‘category-view‘ class=‘view hide‘>
<section id=‘controls‘>
<div class=‘controls grey lighten-4‘>
<!-- search -->
<div class=‘chip transparent‘ alt=‘Search Tests‘ title=‘Search Tests‘>
<a href="#" class=‘search-div‘>
<i class=‘material-icons‘>search</i> Search
</a>
<div class=‘input-field left hide‘>
<input style="color: red;" id=‘search-tests‘ type=‘text‘ class=‘validate browser-default‘ placeholder=‘Search Tests...‘>
</div>
</div>
<!-- search -->
</div>
</section>
<div class=‘subview-left left‘>
<div class=‘view-summary‘>
<h5>Categories</h5>
<ul id=‘category-collection‘ class=‘category-collection‘>
<li class=‘category displayed active‘>
<div class=‘category-heading‘>
<span class=‘category-name‘>All TESTCASES</span>
<span class=‘category-status right‘>
<span class=‘label pass‘>{{ stat.testcases.success }} </span>
{% if stat.testcases.fail != 0 %}
<span class=‘label fail‘>{{ stat.testcases.fail }}</span>
{% endif %}
</span>
</div>
<div class=‘category-content hide‘>
<div class=‘category-status-counts‘>
<span class=‘label green accent-4 white-text‘>Passed: {{ stat.teststeps.successes }}</span>
<span class=‘label red lighten-1 white-text‘>Failed: {{ stat.teststeps.failures }}</span>
<span class=‘label blue lighten-1 white-text‘>Errored: {{ stat.teststeps.errors }}</span>
<span class="label yellow darken-2 white-text">Skipped: {{ stat.teststeps.skipped }}</span>
</div>
<div class=‘category-tests‘>
<table class=‘bordered table-results‘>
<thead>
<tr>
<th>Timestamp</th>
<th>TestName</th>
<th>Status</th>
</tr>
</thead>
<tbody>
{% for test_suite_summary in details %}
<tr style="border: 1px solid #49cc90; background-color: rgba(73, 204, 144, .1)">
<td>{{ ‘%0.3f‘| format(test_suite_summary.time.duration|float) }} s</td>
<td class=‘linked‘
test-id=‘{{ test_suite_summary.name }}_{{ loop.index }}‘>{{ test_suite_summary.name }}</td>
{% if test_suite_summary.success == True %}
<td><span class=‘test-status pass‘>成功</span></td>
{% else %}
<td><span class=‘test-status fail‘>失败</span></td>
{% endif %}
</tr>
{% for record in test_suite_summary.records %}
<tr>
<td>{{ record.response_time }} ms</td>
<td class=‘linked‘
test-id=‘{{ test_suite_summary.name }}_{{ loop.index }}‘>{{ record.name }}</td>
{% if record.status == ‘success‘ %}
<td><span class=‘test-status pass‘>成功</span></td>
{% elif record.status == ‘failure‘ %}
<td><span class=‘test-status fail‘>失败</span></td>
{% elif record.status == ‘error‘ %}
<td><span class=‘test-status error‘>错误</span></td>
{% elif record.status == ‘skipped‘ %}
<td><span class=‘test-status‘ style="color: #fbc02d">跳过</span>
</td>
{% endif %}
</tr>
{% endfor %}
{% endfor %}
</tbody>
</table>
</div>
</div>
</li>
{% for test_suite_summary in details %}
<li class=‘category displayed active‘>
<div class=‘category-heading‘>
<span class=‘category-name‘>{{ test_suite_summary.name }}</span>
<span class=‘category-status right‘>
<span class=‘label pass‘>{{ test_suite_summary.stat.successes }} </span>
{% if test_suite_summary.stat.failures != 0 %}
<span class=‘label fail‘>{{ test_suite_summary.stat.failures }}</span>
{% endif %}
{% if test_suite_summary.stat.errors != 0 %}
<span class=‘label blue lighten-1‘>{{ test_suite_summary.stat.errors }}</span>
{% endif %}
{% if test_suite_summary.stat.skipped != 0 %}
<span class=‘label yellow darken-2‘>{{ test_suite_summary.stat.skipped }}</span>
{% endif %}
</span>
</div>
<div class=‘category-content hide‘>
<div class=‘category-status-counts‘>
<span class=‘label green accent-4 white-text‘>Passed: {{ test_suite_summary.stat.successes }}</span>
<span class=‘label red lighten-1 white-text‘>Failed: {{ test_suite_summary.stat.failures }}</span>
<span class=‘label blue lighten-1 white-text‘>Errored: {{ test_suite_summary.stat.errors }}</span>
<span class="label yellow darken-2 white-text">Skipped: {{ test_suite_summary.stat.skipped }}</span>
</div>
<div class=‘category-tests‘>
<table class=‘bordered table-results‘>
<thead>
<tr>
<th>Timestamp</th>
<th>TestName</th>
<th>Status</th>
</tr>
</thead>
<tbody>
{% for record in test_suite_summary.records %}
<tr>
<td>{{ record.response_time }}</td>
<td class=‘linked‘
test-id=‘{{ test_suite_summary.name }}_{{ loop.index }}‘>{{ record.name }}</td>
{% if record.status == ‘success‘ %}
<td><span class=‘test-status pass‘>成功</span></td>
{% elif record.status == ‘failure‘ %}
<td><span class=‘test-status fail‘>失败</span></td>
{% elif record.status == ‘error‘ %}
<td><span class=‘test-status error‘>错误</span></td>
{% elif record.status == ‘skipped‘ %}
<td><span class=‘test-status‘ style="color: #fbc02d">跳过</span>
</td>
{% endif %}
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</li>
{% endfor %}
</ul>
</div>
</div>
<div class=‘subview-right left‘>
<div class=‘view-summary‘>
<h5 class=‘category-name‘></h5>
</div>
</div>
</div>
<!-- category view -->
<!-- testrunner-logs view -->
<!-- container -->
</div>
<script>
var test_suite_success = 0;
{%for test_suite_summary in details %}
{% if test_suite_summary.success == True %}
test_suite_success = test_suite_success + 1;
{% endif %}
{% endfor %}
var statusGroup = {
passParent: {{ stat.teststeps.successes }},
failParent: {{ stat.teststeps.failures }},
fatalParent: 0,
errorParent: {{ stat.teststeps.errors }},
warningParent: 0,
skipParent: {{ stat.teststeps.skipped }},
exceptionsParent: 0,
passChild: test_suite_success,
failChild: {{ details|length }} -test_suite_success,
fatalChild: 0,
errorChild: 0,
warningChild: 0,
skipChild: 0,
infoChild: 0,
exceptionsChild: 0,
passGrandChild: 0,
failGrandChild: 0,
fatalGrandChild: 0,
errorGrandChild: 0,
warningGrandChild: 0,
skipGrandChild: 0,
infoGrandChild: 0,
exceptionsGrandChild: 0,
};
</script>
<script src=‘http://extentreports.com/resx/dist/js/extent.js‘ type=‘text/javascript‘></script>
<script type=‘text/javascript‘>
$(window).off("keydown");
</script>
<script type="text/javascript">
function filters_testcases(mytype){
testcases = document.getElementById(‘test-collection‘).getElementsByClassName(‘displayed‘)
if (mytype == ‘pass‘){
for (var i=0,len=testcases.length;i < len; i++){
if (testcases[i].getAttribute(‘bdd‘) == ‘false‘){
testcases[i].style.display="none"
}else{
testcases[i].style.display="block"
}
}
}else if(mytype == ‘fail‘){
for (var i=0,len=testcases.length;i < len; i++){
if (testcases[i].getAttribute(‘bdd‘) == ‘true‘){
testcases[i].style.display="none"
}else{
testcases[i].style.display="block"
}
}
}else if(mytype == ‘clear‘){
for (var i=0,len=testcases.length;i < len; i++){
testcases[i].style.display="block"
}
}
};
</script>>
<script type="text/javascript">
function step_filter(mytype){
testcontents = document.getElementsByClassName(‘test-content‘)
teststeps = testcontents[testcontents.length - 1].getElementsByTagName(‘li‘);
stepfilters = document.getElementById(‘step-filters‘).getElementsByTagName(‘span‘);
for (var i=0, len=stepfilters.length;i<len;i++){
if (stepfilters[i].getAttribute(‘status‘) != mytype){
stepfilters[i].classList.remove(‘border-bottom-highlight‘)
}
}
for (var i=0,len=teststeps.length;i < len; i++){
if (mytype != ‘clear‘){
if (teststeps[i].getAttribute(‘status‘) == mytype){
teststeps[i].style.display="block"
}else{
teststeps[i].style.display="none"
}
}else{
teststeps[i].style.display="block"
}
}
}
</script>>
</body>
</html>
原文：https://www.cnblogs.com/camillezxl/p/14900693.html