|
|
<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
<title>XBoot测试报告</title>
|
<link rel="apple-touch-icon" href="spark/logo.png">
|
<link rel="shortcut icon" href="spark/logo.png">
|
<link rel="stylesheet" href="spark/spark-style.css">
|
<link rel="stylesheet" href="spark/font-awesome.min.css">
|
<script src="spark/jsontree.js"></script>
|
<style type="text/css"></style></head><body class="spa -report dark">
|
<div class="app">
|
<div class="layout">
|
<div class="header navbar">
|
<div class="vheader">
|
<div class="nav-logo">
|
<a href="#">
|
<div class="logo" style="background-image: url('spark/logo.png')"></div>
|
</a>
|
</div>
|
<ul class="nav-left">
|
<li class="search-box">
|
<a class="search-toggle" href="#">
|
<i class="search-icon fa fa-search"></i>
|
<i class="search-icon-close fa fa-close"></i>
|
</a>
|
</li>
|
<li class="search-input"><input id="search-tests" class="form-control" type="text" placeholder="Search..."></li>
|
</ul>
|
<ul class="nav-right">
|
<li class="m-r-10">
|
<a href="#"><span class="badge badge-primary">XBoot</span></a>
|
</li>
|
<li class="m-r-10">
|
<a href="#"><span class="badge badge-primary">三月 17, 2023 17:20:08</span></a>
|
</li>
|
</ul>
|
</div>
|
</div><div class="side-nav">
|
<div class="side-nav-inner">
|
<ul class="side-nav-menu">
|
<li class="nav-item dropdown" onclick="toggleView('test-view')">
|
<a id="nav-test" class="dropdown-toggle" href="#">
|
<span class="ico"><i class="fa fa-list"></i></span>
|
</a>
|
</li>
|
<li class="nav-item dropdown" onclick="toggleView('dashboard-view')">
|
<a id="nav-dashboard" class="dropdown-toggle" href="#">
|
<span class="ico"><i class="fa fa-bar-chart"></i></span>
|
</a>
|
</li>
|
</ul>
|
</div>
|
</div> <div class="vcontainer">
|
<div class="main-content">
|
<div class="test-wrapper row view test-view">
|
<div class="test-list">
|
<div class="test-list-tools">
|
<ul class="tools pull-left">
|
<li><a href="#"><span class="font-size-14">Tests</span></a></li>
|
</ul>
|
<ul class="tools text-right">
|
<li class="dropdown">
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-exclamation-circle"></i></a>
|
<ul id="status-toggle" class="dropdown-menu dropdown-md p-v-0">
|
<a class="dropdown-item" status="pass" href="#"><span>Pass</span><span class="status success"></span></a>
|
<div class="dropdown-divider"></div>
|
<a status="clear" class="dropdown-item" href="#"><span>Clear</span><span class="pull-right"><i class="fa fa-close"></i></span></a>
|
</ul>
|
</li>
|
</ul>
|
</div> <div class="test-list-wrapper scrollable">
|
<ul class="test-list-item">
|
<li class="test-item" status="pass" test-id="1"
|
author=""
|
tag=""
|
device="">
|
<div class="status-avatar pass-bg">
|
<i class="fa fa-check text-white"></i>
|
</div>
|
<div class="test-detail">
|
<span class="meta text-white badge badge-sm"></span>
|
<p class="name">passTest</p>
|
<p class="text-sm"><span>17:20:09 下午</span> / <span>0.014 secs</span></p>
|
</div>
|
<div class="test-contents d-none">
|
<div class="detail-head">
|
<div class="p-v-10">
|
<div class="info">
|
<div class='float-right'><span class='badge badge-default'>#test-id=1</span></div>
|
<h5 class="test-status text-pass">passTest</h5>
|
<span class='badge badge-success'>03.17.2023 17:20:09</span>
|
<span class='badge badge-danger'>03.17.2023 17:20:09</span>
|
<span class='badge badge-default'>0.014 secs</span>
|
</div>
|
<div class="m-t-10 m-l-5"></div>
|
</div>
|
</div><div class="detail-body mt-4">
|
<table class="table table-sm">
|
<thead><tr><th class="status-col">Status</th><th class="timestamp-col">Timestamp</th><th class="details-col">Details</th></tr></thead>
|
<tbody>
|
<tr class="event-row">
|
<td><span class="badge log pass-bg">Pass</span></td>
|
<td>17:20:09</td>
|
<td>
|
Test passed
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
</div>
|
<div class="test-content scrollable">
|
<div class="test-content-tools">
|
<ul><li><a class="back-to-test" href="#"><i class="fa fa-arrow-left"></i></a></li></ul>
|
</div>
|
<div class="test-content-detail"><div class="detail-body"></div></div>
|
</div></div>
|
<div class="container-fluid p-4 view dashboard-view">
|
<div class="row">
|
<div class="col-md-3">
|
<div class="card"><div class="card-body">
|
<p class="m-b-0">Started</p>
|
<h3>三月 17, 2023 17:20:08</h3>
|
</div></div>
|
</div>
|
<div class="col-md-3">
|
<div class="card"><div class="card-body">
|
<p class="m-b-0">Ended</p>
|
<h3>三月 17, 2023 17:20:09</h3>
|
</div></div>
|
</div>
|
<div class="col-md-3">
|
<div class="card"><div class="card-body">
|
<p class="m-b-0 text-pass">Tests Passed</p>
|
<h3>1</h3>
|
</div></div>
|
</div>
|
<div class="col-md-3">
|
<div class="card"><div class="card-body">
|
<p class="m-b-0 text-fail">Tests Failed</p>
|
<h3>0</h3>
|
</div></div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-md-6">
|
<div class="card">
|
<div class="card-header">
|
<h6 class="card-title">Tests</h6>
|
</div>
|
<div class="card-body">
|
<div class="">
|
<canvas id='parent-analysis' width='115' height='90'></canvas>
|
</div>
|
</div>
|
<div class="card-footer">
|
<div><small data-tooltip='100%'>
|
<b>1</b> tests passed
|
</small>
|
</div>
|
<div>
|
<small data-tooltip='0%'><b>0</b> tests failed,
|
<b>0</b> skipped, <b data-tooltip='0%'>0</b> others
|
</small>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col-md-6">
|
<div class="card">
|
<div class="card-header">
|
<h6 class="card-title">Log events</h6>
|
</div>
|
<div class="card-body">
|
<div class="">
|
<canvas id='events-analysis' width='115' height='90'></canvas>
|
</div>
|
</div>
|
<div class="card-footer">
|
<div><small data-tooltip='100%'><b>1</b> events passed</small></div>
|
<div>
|
<small data-tooltip='0%'><b>0</b> events failed,
|
<b data-tooltip='%'>0</b> others
|
</small>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
</div>
|
</div>
|
<script>
|
var statusGroup = {
|
parentCount: 5,
|
passParent: 1,
|
failParent: 0,
|
warningParent: 0,
|
skipParent: 0,
|
childCount: 5,
|
passChild: 0,
|
failChild: 0,
|
warningChild: 0,
|
skipChild: 0,
|
infoChild: 0,
|
grandChildCount: 5,
|
passGrandChild: 0,
|
failGrandChild: 0,
|
warningGrandChild: 0,
|
skipGrandChild: 0,
|
infoGrandChild: 0,
|
eventsCount: 5,
|
passEvents: 1,
|
failEvents: 0,
|
warningEvents: 0,
|
skipEvents: 0,
|
infoEvents: 0
|
};
|
</script> </div>
|
</div>
|
</div>
|
</div>
|
<script src="spark/spark-script.js"></script>
|
<script type="text/javascript"></script></body>
|
</html>
|
