484 lines
13 KiB
HTML
484 lines
13 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<title>Test Report</title>
|
|
<style>body {
|
|
font-family: Helvetica, Arial, sans-serif;
|
|
font-size: 12px;
|
|
/* do not increase min-width as some may use split screens */
|
|
min-width: 800px;
|
|
color: black;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 24px;
|
|
color: black;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 16px;
|
|
color: black;
|
|
}
|
|
|
|
p {
|
|
color: black;
|
|
}
|
|
|
|
a {
|
|
color: black;
|
|
}
|
|
|
|
table {
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
/******************************
|
|
* SUMMARY INFORMATION
|
|
******************************/
|
|
#environment td {
|
|
padding: 5px;
|
|
border: 1px solid #E6E6E6;
|
|
}
|
|
#environment tr:nth-child(odd) {
|
|
background-color: #f6f6f6;
|
|
}
|
|
|
|
/******************************
|
|
* TEST RESULT COLORS
|
|
******************************/
|
|
span.passed,
|
|
.passed .col-result {
|
|
color: green;
|
|
}
|
|
|
|
span.skipped,
|
|
span.xfailed,
|
|
span.rerun,
|
|
.skipped .col-result,
|
|
.xfailed .col-result,
|
|
.rerun .col-result {
|
|
color: orange;
|
|
}
|
|
|
|
span.error,
|
|
span.failed,
|
|
span.xpassed,
|
|
.error .col-result,
|
|
.failed .col-result,
|
|
.xpassed .col-result {
|
|
color: red;
|
|
}
|
|
|
|
/******************************
|
|
* RESULTS TABLE
|
|
*
|
|
* 1. Table Layout
|
|
* 2. Extra
|
|
* 3. Sorting items
|
|
*
|
|
******************************/
|
|
/*------------------
|
|
* 1. Table Layout
|
|
*------------------*/
|
|
#results-table {
|
|
border: 1px solid #e6e6e6;
|
|
color: black;
|
|
font-size: 12px;
|
|
width: 100%;
|
|
}
|
|
#results-table th,
|
|
#results-table td {
|
|
padding: 5px;
|
|
border: 1px solid #E6E6E6;
|
|
text-align: left;
|
|
}
|
|
#results-table th {
|
|
font-weight: bold;
|
|
}
|
|
|
|
/*------------------
|
|
* 2. Extra
|
|
*------------------*/
|
|
.log {
|
|
background-color: #e6e6e6;
|
|
border: 1px solid #e6e6e6;
|
|
color: black;
|
|
display: block;
|
|
font-family: "Courier New", Courier, monospace;
|
|
height: 230px;
|
|
overflow-y: scroll;
|
|
padding: 5px;
|
|
white-space: pre-wrap;
|
|
}
|
|
.log:only-child {
|
|
height: inherit;
|
|
}
|
|
|
|
div.image {
|
|
border: 1px solid #e6e6e6;
|
|
float: right;
|
|
height: 240px;
|
|
margin-left: 5px;
|
|
overflow: hidden;
|
|
width: 320px;
|
|
}
|
|
div.image img {
|
|
width: 320px;
|
|
}
|
|
|
|
div.video {
|
|
border: 1px solid #e6e6e6;
|
|
float: right;
|
|
height: 240px;
|
|
margin-left: 5px;
|
|
overflow: hidden;
|
|
width: 320px;
|
|
}
|
|
div.video video {
|
|
overflow: hidden;
|
|
width: 320px;
|
|
height: 240px;
|
|
}
|
|
|
|
.collapsed {
|
|
display: none;
|
|
}
|
|
|
|
.expander::after {
|
|
content: "(show)";
|
|
color: #999999;
|
|
font-style: italic;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.collapser::after {
|
|
content: "(hide)";
|
|
color: #999999;
|
|
font-style: italic;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/*------------------
|
|
* 3. Sorting items
|
|
*------------------*/
|
|
.sortable {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.sort-icon {
|
|
font-size: 0px;
|
|
float: left;
|
|
margin-right: 5px;
|
|
margin-top: 5px;
|
|
/*triangle*/
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 8px solid transparent;
|
|
border-right: 8px solid transparent;
|
|
}
|
|
.inactive .sort-icon {
|
|
/*finish triangle*/
|
|
border-top: 8px solid #E6E6E6;
|
|
}
|
|
.asc.active .sort-icon {
|
|
/*finish triangle*/
|
|
border-bottom: 8px solid black;
|
|
}
|
|
.desc.active .sort-icon {
|
|
/*finish triangle*/
|
|
border-top: 8px solid black;
|
|
}
|
|
</style></head>
|
|
<body onLoad="init()">
|
|
<script>/* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this file,
|
|
* You can obtain one at http://mozilla.org/MPL/2.0/. */
|
|
|
|
|
|
function toArray(iter) {
|
|
if (iter === null) {
|
|
return null;
|
|
}
|
|
return Array.prototype.slice.call(iter);
|
|
}
|
|
|
|
function find(selector, elem) { // eslint-disable-line no-redeclare
|
|
if (!elem) {
|
|
elem = document;
|
|
}
|
|
return elem.querySelector(selector);
|
|
}
|
|
|
|
function findAll(selector, elem) {
|
|
if (!elem) {
|
|
elem = document;
|
|
}
|
|
return toArray(elem.querySelectorAll(selector));
|
|
}
|
|
|
|
function sortColumn(elem) {
|
|
toggleSortStates(elem);
|
|
const colIndex = toArray(elem.parentNode.childNodes).indexOf(elem);
|
|
let key;
|
|
if (elem.classList.contains('result')) {
|
|
key = keyResult;
|
|
} else if (elem.classList.contains('links')) {
|
|
key = keyLink;
|
|
} else {
|
|
key = keyAlpha;
|
|
}
|
|
sortTable(elem, key(colIndex));
|
|
}
|
|
|
|
function showAllExtras() { // eslint-disable-line no-unused-vars
|
|
findAll('.col-result').forEach(showExtras);
|
|
}
|
|
|
|
function hideAllExtras() { // eslint-disable-line no-unused-vars
|
|
findAll('.col-result').forEach(hideExtras);
|
|
}
|
|
|
|
function showExtras(colresultElem) {
|
|
const extras = colresultElem.parentNode.nextElementSibling;
|
|
const expandcollapse = colresultElem.firstElementChild;
|
|
extras.classList.remove('collapsed');
|
|
expandcollapse.classList.remove('expander');
|
|
expandcollapse.classList.add('collapser');
|
|
}
|
|
|
|
function hideExtras(colresultElem) {
|
|
const extras = colresultElem.parentNode.nextElementSibling;
|
|
const expandcollapse = colresultElem.firstElementChild;
|
|
extras.classList.add('collapsed');
|
|
expandcollapse.classList.remove('collapser');
|
|
expandcollapse.classList.add('expander');
|
|
}
|
|
|
|
function showFilters() {
|
|
const filterItems = document.getElementsByClassName('filter');
|
|
for (let i = 0; i < filterItems.length; i++)
|
|
filterItems[i].hidden = false;
|
|
}
|
|
|
|
function addCollapse() {
|
|
// Add links for show/hide all
|
|
const resulttable = find('table#results-table');
|
|
const showhideall = document.createElement('p');
|
|
showhideall.innerHTML = '<a href="javascript:showAllExtras()">显示所有详情</a> / ' +
|
|
'<a href="javascript:hideAllExtras()">收起所有详情</a>';
|
|
resulttable.parentElement.insertBefore(showhideall, resulttable);
|
|
|
|
// Add show/hide link to each result
|
|
findAll('.col-result').forEach(function(elem) {
|
|
const collapsed = getQueryParameter('collapsed') || 'Passed';
|
|
const extras = elem.parentNode.nextElementSibling;
|
|
const expandcollapse = document.createElement('span');
|
|
if (extras.classList.contains('collapsed')) {
|
|
expandcollapse.classList.add('expander');
|
|
} else if (collapsed.includes(elem.innerHTML)) {
|
|
extras.classList.add('collapsed');
|
|
expandcollapse.classList.add('expander');
|
|
} else {
|
|
expandcollapse.classList.add('collapser');
|
|
}
|
|
elem.appendChild(expandcollapse);
|
|
|
|
elem.addEventListener('click', function(event) {
|
|
if (event.currentTarget.parentNode.nextElementSibling.classList.contains('collapsed')) {
|
|
showExtras(event.currentTarget);
|
|
} else {
|
|
hideExtras(event.currentTarget);
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
function getQueryParameter(name) {
|
|
const match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
|
|
return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
|
|
}
|
|
|
|
function init () { // eslint-disable-line no-unused-vars
|
|
resetSortHeaders();
|
|
|
|
addCollapse();
|
|
|
|
showFilters();
|
|
|
|
sortColumn(find('.initial-sort'));
|
|
|
|
findAll('.sortable').forEach(function(elem) {
|
|
elem.addEventListener('click',
|
|
function() {
|
|
sortColumn(elem);
|
|
}, false);
|
|
});
|
|
}
|
|
|
|
function sortTable(clicked, keyFunc) {
|
|
const rows = findAll('.results-table-row');
|
|
const reversed = !clicked.classList.contains('asc');
|
|
const sortedRows = sort(rows, keyFunc, reversed);
|
|
/* Whole table is removed here because browsers acts much slower
|
|
* when appending existing elements.
|
|
*/
|
|
const thead = document.getElementById('results-table-head');
|
|
document.getElementById('results-table').remove();
|
|
const parent = document.createElement('table');
|
|
parent.id = 'results-table';
|
|
parent.appendChild(thead);
|
|
sortedRows.forEach(function(elem) {
|
|
parent.appendChild(elem);
|
|
});
|
|
document.getElementsByTagName('BODY')[0].appendChild(parent);
|
|
}
|
|
|
|
function sort(items, keyFunc, reversed) {
|
|
const sortArray = items.map(function(item, i) {
|
|
return [keyFunc(item), i];
|
|
});
|
|
|
|
sortArray.sort(function(a, b) {
|
|
const keyA = a[0];
|
|
const keyB = b[0];
|
|
|
|
if (keyA == keyB) return 0;
|
|
|
|
if (reversed) {
|
|
return keyA < keyB ? 1 : -1;
|
|
} else {
|
|
return keyA > keyB ? 1 : -1;
|
|
}
|
|
});
|
|
|
|
return sortArray.map(function(item) {
|
|
const index = item[1];
|
|
return items[index];
|
|
});
|
|
}
|
|
|
|
function keyAlpha(colIndex) {
|
|
return function(elem) {
|
|
return elem.childNodes[1].childNodes[colIndex].firstChild.data.toLowerCase();
|
|
};
|
|
}
|
|
|
|
function keyLink(colIndex) {
|
|
return function(elem) {
|
|
const dataCell = elem.childNodes[1].childNodes[colIndex].firstChild;
|
|
return dataCell == null ? '' : dataCell.innerText.toLowerCase();
|
|
};
|
|
}
|
|
|
|
function keyResult(colIndex) {
|
|
return function(elem) {
|
|
const strings = ['Error', 'Failed', 'Rerun', 'XFailed', 'XPassed',
|
|
'Skipped', 'Passed'];
|
|
return strings.indexOf(elem.childNodes[1].childNodes[colIndex].firstChild.data);
|
|
};
|
|
}
|
|
|
|
function resetSortHeaders() {
|
|
findAll('.sort-icon').forEach(function(elem) {
|
|
elem.parentNode.removeChild(elem);
|
|
});
|
|
findAll('.sortable').forEach(function(elem) {
|
|
const icon = document.createElement('div');
|
|
icon.className = 'sort-icon';
|
|
icon.textContent = 'vvv';
|
|
elem.insertBefore(icon, elem.firstChild);
|
|
elem.classList.remove('desc', 'active');
|
|
elem.classList.add('asc', 'inactive');
|
|
});
|
|
}
|
|
|
|
function toggleSortStates(elem) {
|
|
//if active, toggle between asc and desc
|
|
if (elem.classList.contains('active')) {
|
|
elem.classList.toggle('asc');
|
|
elem.classList.toggle('desc');
|
|
}
|
|
|
|
//if inactive, reset all other functions and add ascending active
|
|
if (elem.classList.contains('inactive')) {
|
|
resetSortHeaders();
|
|
elem.classList.remove('inactive');
|
|
elem.classList.add('active');
|
|
}
|
|
}
|
|
|
|
function isAllRowsHidden(value) {
|
|
return value.hidden == false;
|
|
}
|
|
|
|
function filterTable(elem) { // eslint-disable-line no-unused-vars
|
|
const outcomeAtt = 'data-test-result';
|
|
const outcome = elem.getAttribute(outcomeAtt);
|
|
const classOutcome = outcome + ' results-table-row';
|
|
const outcomeRows = document.getElementsByClassName(classOutcome);
|
|
|
|
for(let i = 0; i < outcomeRows.length; i++){
|
|
outcomeRows[i].hidden = !elem.checked;
|
|
}
|
|
|
|
const rows = findAll('.results-table-row').filter(isAllRowsHidden);
|
|
const allRowsHidden = rows.length == 0 ? true : false;
|
|
const notFoundMessage = document.getElementById('not-found-message');
|
|
notFoundMessage.hidden = !allRowsHidden;
|
|
}
|
|
</script>
|
|
<h1>result.html</h1>
|
|
<p>报告生成于 2022-09-01 17:24:05 by <a href="https://pypi.python.org/pypi/pytest-html">pytest-html</a> v3.1.1</p>
|
|
<h2>测试环境</h2>
|
|
<table id="environment">
|
|
<tr>
|
|
<td>CI_ENVIRONMENT_SLUG</td>
|
|
<td>testing</td></tr>
|
|
<tr>
|
|
<td>JAVA_HOME</td>
|
|
<td>C:\Program Files\Java\jdk1.8.0_20</td></tr>
|
|
<tr>
|
|
<td>Packages</td>
|
|
<td>{"pluggy": "1.0.0", "py": "1.11.0", "pytest": "6.2.5"}</td></tr>
|
|
<tr>
|
|
<td>Platform</td>
|
|
<td>Windows-10-10.0.19041-SP0</td></tr>
|
|
<tr>
|
|
<td>Plugins</td>
|
|
<td>{"Faker": "9.8.3", "allure-pytest": "2.9.45", "forked": "1.3.0", "html": "3.1.1", "metadata": "1.11.0", "xdist": "2.4.0"}</td></tr>
|
|
<tr>
|
|
<td>Python</td>
|
|
<td>3.6.6</td></tr></table>
|
|
<h2>汇总信息</h2>
|
|
<p>总共 2 个测试用例运行时间 0.06 秒. </p>
|
|
<p class="filter" hidden="true">可以通过选择筛选项筛选测试结果。</p><input checked="true" class="filter" data-test-result="passed" hidden="true" name="filter_checkbox" onChange="filterTable(this)" type="checkbox"/><span class="passed">2 passed</span>, <input checked="true" class="filter" data-test-result="skipped" disabled="true" hidden="true" name="filter_checkbox" onChange="filterTable(this)" type="checkbox"/><span class="skipped">0 skipped</span>, <input checked="true" class="filter" data-test-result="failed" disabled="true" hidden="true" name="filter_checkbox" onChange="filterTable(this)" type="checkbox"/><span class="failed">0 failed</span>, <input checked="true" class="filter" data-test-result="error" disabled="true" hidden="true" name="filter_checkbox" onChange="filterTable(this)" type="checkbox"/><span class="error">0 errors</span>
|
|
<h2>测试结果</h2>
|
|
<table id="results-table">
|
|
<thead id="results-table-head">
|
|
<tr>
|
|
<th class="sortable result initial-sort" col="result">执行结果</th>
|
|
<th class="sortable" col="name">测试用例</th>
|
|
<th class="sortable numeric" col="duration">用例耗时</th></tr>
|
|
<tr hidden="true" id="not-found-message">
|
|
<th colspan="3">当前筛选条件下无测试结果，请重新筛选。</th></tr></thead>
|
|
<tbody class="passed results-table-row">
|
|
<tr>
|
|
<td class="col-result">Passed</td>
|
|
<td class="col-name">tools/cro.py::test</td>
|
|
<td class="col-duration">0.04</td>
|
|
<td class="col-links"></td></tr>
|
|
<tr>
|
|
<td class="extra" colspan="4">
|
|
<div class="log"> ------------------------------Captured stdout call------------------------------ <br/>调用次数： 1
|
|
<br/></div></td></tr></tbody>
|
|
<tbody class="passed results-table-row">
|
|
<tr>
|
|
<td class="col-result">Passed</td>
|
|
<td class="col-name">tools/cro.py::test2</td>
|
|
<td class="col-duration">0.00</td>
|
|
<td class="col-links"></td></tr>
|
|
<tr>
|
|
<td class="extra" colspan="4">
|
|
<div class="log"> ------------------------------Captured stdout call------------------------------ <br/>调用次数： 2
|
|
<br/></div></td></tr></tbody></table></body></html> |