1 Star 0 Fork 1

赵梦晨 / appium_pytest

forked from 阿听 / appium_pytest 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
pytest_html_report.html 86.73 KB
一键复制 编辑 原始数据 按行查看 历史
阿听 提交于 2022-06-17 20:21 . Initial commit
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869
<!DOCTYPE doctype html>
<html lang="en">
<head>
<link href="https://i.imgur.com/UwGDzXn.png" rel="shortcut icon" type="image/x-icon" />
<title>Pytest HTML Reporter</title>
<meta charset="utf-8" />
<meta content="width=device-width, initial-scale=1" name="viewport" />
<link href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css" rel="stylesheet" crossorigin="anonymous"/>
<link href="https://cdn.datatables.net/buttons/1.5.2/css/buttons.dataTables.min.css" rel="stylesheet" crossorigin="anonymous" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" crossorigin="anonymous"/>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" crossorigin="anonymous"/>
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/dom-to-image/2.6.0/dom-to-image.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<!-- Bootstrap core Datatable-->
<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js" type="text/javascript" crossorigin="anonymous"></script>
<script src="https://cdn.datatables.net/buttons/1.5.2/js/dataTables.buttons.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js" type="text/javascript"></script>
<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.html5.min.js" type="text/javascript"></script>
<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.print.min.js" type="text/javascript"></script>
<script src="https://cdn.datatables.net/buttons/1.6.1/js/buttons.colVis.min.js" type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0" type="text/javascript"></script>
<style>
body {
font-family: -apple-system, sans-serif;
background-color: #eeeeee;
}
.sidenav {
height: 100%;
width: 220px;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: #211f1f;
overflow-x: hidden;
}
.sidenav a {
padding: 12px 10px 8px 12px;
text-decoration: none;
font-size: 18px;
color: #a2a2a2;
display: block;
}
.main {
padding-top: 10px;
}
@media screen and (max-height: 450px) {
.sidenav {
padding-top: 15px;
}
.sidenav a {
font-size: 18px;
}
}
.wrimagecard {
margin-top: 0;
margin-bottom: 0.6rem;
border-radius: 5px;
transition: all 0.3s ease;
background-color: #f8f9fa;
}
.rowcard {
# padding-top: 10px;
box-shadow: 12px 15px 20px 0px rgba(46, 61, 73, 0.15);
border-radius: 6px;
transition: all 0.3s ease;
# background-color: white;
}
.tablecard {
background-color: white;
font-size: 14px;
}
tr {
height: 40px;
}
.dt-buttons {
margin-left: 5px;
}
th, td, tr {
text-align:center;
vertical-align: middle;
}
.loader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url('https://i.imgur.com/n3Tcoxz.gif') 50% 50% no-repeat rgb(249, 249, 249);
}
.card-wrapper {
background-color: #f5f5f5;
# height: 100vh;
# width: 100vw;
display: grid;
}
.card {
background-color: #ffff;
display: flex;
flex-direction: column;
# place-self: center;
border-radius: 4px;
box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
}
.card__content {
padding: 1.5rem;
font-family: sans-serif;
}
.time__taken {
color: darkgray;
font-size: 17px;
}
.card__header {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.header__title {
font-size: 1.5rem;
font-weight: 600;
font-family: sans-serif;
padding-top: 4%;
padding-left: 5%;
color: dimgrey;
}
.header__date {
font-size: 1.3rem;
font-family: sans-serif;
padding-left: 5%;
color: darkgray;
}
.total__count {
font-size: 5.3rem;
font-family: sans-serif;
color: black;
padding-top: 8%;
}
.total_count__label {
font-size: 1.3rem;
font-family: sans-serif;
padding-left: 12%;
color: darkgray;
}
.header__title-icon {
font-size: 1.6rem;
color: #ccc;
}
.header__title-icon:hover {
color: rgba(54, 162, 235, 1);;
}
.header__button {
border-radius: 50px;
background-color: #f5f5f5;
padding: 0.5rem 1rem;
border: none;
margin-left: 1rem;
}
.header__button:hover {
background-color: rgba(54, 162, 235, 0.25);
}
.chart {
padding: 2.0rem 60;
}
.card__footer {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: 5%;
}
.archive-card__footer {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: 5%;
max-width: 60%;
padding-top: 5.5%;
padding-left: 5%;
}
.card__footer-section {
text-align: center;
width: 33%;
# border-right: 1px solid #ccc;
}
.archive-card__footer-section {
text-align: center;
}
.card__footer-section:nth-child(3) {
border-right: none;
}
.footer-section__data {
font-size: 2.6rem;
font-weight: 900;
}
.archive-footer-section__data {
font-size: 4.2rem;
font-weight: 700;
}
.footer-section__label {
text-transform: uppercase;
color: slategrey;
font-size: 10pt;
}
.list-group-item {
border: 5px solid rgba(0,0,0,0);
}
.list-group {
height: 100%;
background-color: #ffff;
display: flex;
flex-direction: column;
place-self: center;
border-radius: 4px;
box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
}
.archive-body {
background-color: #ffff;
max-width: 80%;
border-radius: 4px;
box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
margin-bottom: 0.8%;
}
.archive-header {
padding-top: 4%;
padding-left: 5%;
color: gray;
}
.archive-date {
padding-top: 2%;
padding-left: 5%;
color: gray;
}
.archive-chart-container {
height: 50%;
width: 48%;
margin-left: 40%;
margin-top: 6%;
}
.statistic-section-pass {
padding-top: 51px;
padding-bottom: 45px;
background: #00c6ff; /* fallback for old browsers */
background: linear-gradient(to right, #333333, #2b4440);
}
.statistic-section-fail {
padding-top: 51px;
padding-bottom: 45px;
background: #00c6ff; /* fallback for old browsers */
background: linear-gradient(to right, #333333, #442b2b);
}
.count-title {
font-size: 50px;
font-weight: normal;
margin-top: 10px;
margin-bottom: 0;
text-align: center;
font-weight: bold;
color: #fff;
}
.stats-text {
font-size: 15px;
font-weight: normal;
margin-top: 15px;
margin-bottom: 0;
text-align: center;
color: #fff;
text-transform: uppercase;
font-weight: bold;
}
.stats-line-black {
margin: 12px auto 0;
width: 55px;
height: 2px;
background-color: #fff;
}
.stats-icon {
font-size: 35px;
margin: 0 auto;
float: none;
display: table;
color: #fff;
}
@media (max-width: 992px) {
.counter {
margin-bottom: 40px;
}
}
.archive-build-row {
right: 0.5%;
width: 220px;
top: 0;
bottom: 0;
position: fixed;
overflow-y: scroll;
overflow-x: hidden;
}
.loading {
height: 200px;
padding-top: 35px;
}
.loading p {
font-size: 1.1rem;
padding-top: 5%;
margin: 0px 0 32px;
color: dimgrey;
float: right;
}
.loading .icon {
padding-right: 15px;
}
.loading .percentage {
float: right;
}
.loading .progress-bar {
height: 20px;
background: #50597b;
border-radius: 5px;
margin: 0 auto;
margin-top: -4%;
}
.arrow {
left: 50%;
color: #403b3b;
}
.tooltip {
position: relative;
display: inline-block;
margin: 10px 20px;
opacity: 1;
}
.tooltip-inner {
background-color: #403b3b;
}
.bs-tooltip-top .arrow::before {
border-top-color: #403b3b;
}
.suite-highlights-header {
font-size: 0.95rem;
padding-top: 5%;
margin: 0px 0 45px;
color: dimgrey;
float: right;
}
.desc-video h2 {
margin-top: 0px;
}
.desc-video-none {
display: none;
}
.video {
display: block;
position: relative;
padding-top: 60%;
overflow: hidden;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.video:hover .video-hover-desc {
margin-top: -170px;
height: 170px;
}
.video:hover .video-hover-desc:before {
background: linear-gradient(to top,rgba(35,72,133,0.82),rgba(35,72,133,0));
transition: .3s;
}
.img-hover .text-desc {
display: none;
}
.below-desc {
display: block;
height: 70px;
width: 100%;
padding: 10px;
}
.video-hover-desc {
display: block;
padding: 10px 20px;
background-color: #234885;
background-color: rgba(35,72,133,0.82);
height: 90px;
margin-top: -90px;
transition: .3s;
color: white;
text-shadow: none;
}
.video-hover-desc:before {
display: block;
position: absolute;
content: '';
left: 0;
right: 0;
height: 116px;
transition: .3s;
margin-top: -126px;
}
.video-hover-desc h2 {
color: white;
margin-top: 0px;
height: 50px;
}
.video-hover-desc.video-hover-small {
height: 50px;
margin-top: -50px;
}
.modal p {
word-wrap: break-word;
}
.modal-footer {
border-top: 0px solid #e9ecef;
}
.btn-primary {
background-color: #3571a3;
border-color: #3571a3;
}
.dashboard__headers {
font-size: 1.9rem;
color: darkgrey;
margin-bottom: -4%;
}
.outer_my_chart {
margin-left: 50%;
margin-top: -40%;
max-height: 43%;
}
.inner_my_chart {
margin-top: 31%;
height: 48%;
margin-left: 16%;
max-width: 75%;
}
.archive__chart {
width: "440px";
height: "440px";
}
@media screen and (max-width: 3560px) {
.footer-section__data {
font-size: 3.6rem;
}
.suite_count_section {
margin-top: -16%;
}
}
@media screen and (max-width: 2442px) {
.outer_my_chart {
margin-top: -40%;
}
.inner_my_chart {
margin-top: 31%;
}
.footer-section__data {
font-size: 3.4rem;
}
.suite_count_section {
margin-top: -17%;
}
}
@media screen and (max-width: 2156px) {
.outer_my_chart {
margin-top: -42%;
}
.inner_my_chart {
margin-top: 25%;
}
.suite_count_section {
margin-top: -16%;
}
}
@media screen and (max-width: 1940px) {
.outer_my_chart {
margin-top: -41%;
}
.inner_my_chart {
margin-top: 16%;
}
.footer-section__data {
font-size: 2.6rem;
}
.suite_count_section {
margin-top: -11%;
}
}
@media screen and (max-width: 1662px) {
.outer_my_chart {
margin-top: -45%;
}
}
@media screen and (max-width: 1307px) {
.outer_my_chart {
margin-top: -50%;
}
.px-4 {
padding-left: 2.5rem!important;
}
.loading p {
margin: 0px -14px 32px;
}
.dashboard__headers {
font-size: 1.8rem;
}
}
@media screen and (max-width: 1209px) {
.outer_my_chart {
margin-top: -41%;
}
.px-4 {
padding-left: 4.5rem!important;
}
.inner_my_chart {
margin-top: 0%;
}
.footer-section__label {
font-size: 8pt;
}
.time__taken {
font-size: 14px;
}
.total__count {
font-size: 4.3rem;
}
.total_count__label {
font-size: 1.2rem;
}
.loading p {
font-size: 0.8rem;
}
.dashboard__headers {
font-size: 1.7rem;
}
.header__title {
font-size: 1.3rem;
padding-top: 8%;
}
}
@media screen and (max-width: 1148px) {
.outer_my_chart {
margin-top: -43%;
}
.dashboard__headers {
font-size: 1.5rem;
}
.header__title {
font-size: 1.2rem;
}
.tooltip-inner {
font-size: 75%;
}
.time__taken {
font-size: 13px;
}
}
@media screen and (max-width: 1076px) {
.outer_my_chart {
margin-top: -52%;
}
.footer-section__label {
font-size: 7pt;
}
.total__count {
padding-top: 13%;
}
}
@media screen and (max-width: 1031px) {
.time__taken {
margin-left: -5%;
}
.dashboard__headers {
font-size: 1.3rem;
}
.suite-highlights-header {
font-size: 0.75rem;
}
.tooltip-inner {
font-size: 70%;
}
.header__title {
padding-top: 10%;
}
}
.total__tests {
font-size: 10.3rem;
font-family: sans-serif;
color: black;
padding-top: 8%;
}
.archive__label {
font-size: 1.8rem;
font-family: sans-serif;
color: darkgray;
}
.archive__bar {
padding-top: 8.5%;
}
@media screen and (max-width: 1497px) {
.total__tests {
font-size: 9.3rem;
}
.archive__label {
font-size: 1.7rem;
}
.archive__bar {
padding-top: 4.5%;
}
}
@media screen and (max-width: 1314px) {
.total__tests {
font-size: 6.3rem;
}
.archive__label {
font-size: 1.3rem;
}
.archive__bar {
margin-top: -12%;
padding-top: 0%;
}
.count-title {
font-size: 40px;
}
.archive-build-row {
right: -2.9%;
}
}
@media screen and (max-width: 1114px) {
.total__tests {
font-size: 5.3rem;
}
.archive__label {
font-size: 1.1rem;
}
.archive__bar {
margin-top: -25%;
padding-top: 0%;
}
.count-title {
font-size: 40px;
}
.archive-build-row {
right: -4.9%;
}
.list-group-item {
padding: 0.75rem 0.25rem;
}
}
</style>
<style>
.progress-bar.downloading {
background: -webkit-linear-gradient(left, #fc6665 0%,#50597b 0%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(left, #fc6665 0%,#50597b 0%); /* IE10+ */
background: linear-gradient(to right, #fc6665 0%,#50597b 0%); /* W3C */
}
</style>
</head>
</html>
<body>
<div class="loader"></div>
<div class="sidenav">
<a onclick="openPage('dashboard', this, '', '', '')" href="#dashboard">
<img id="wrimagecard" class="wrimagecard" src="https://i.imgur.com/LRSRHJO.png" style="max-width:98%;" />
</a>
<a class="tablink" href="#dashboard" id="defaultOpen" onclick="openPage('dashboard', this, 'white', '#565656', 'groove')">
<i class="fa fa-home" id="tablinkicon" style="color:currentcolor; margin:5% 5% 5% 10%"></i> Dashboard
</a>
<a class="tablink" href="#suites" onclick="openPage('suiteMetrics', this, 'white', '#565656', 'groove'); executeDataTable('#sm',2)">
<i class="fa fa-briefcase" id="tablinkicon" style="color:currentcolor; margin:5% 5% 5% 10%"></i> Suites
</a>
<a class="tablink" href="#test-metrics" onclick="openPage('testMetrics', this, 'white', '#565656', 'groove'); executeDataTable('#tm',3)">
<i class="fa fa-server" id="tablinkicon" style="color:currentcolor; margin:5% 5% 5% 10%"></i> Test Metrics
</a>
<a class="tablink" href="#archives" onclick="openPage('archives', this, 'white', '#565656', 'groove');">
<i class="fa fa-history" id="tablinkicon" style="color:currentcolor; margin:5% 5% 5% 10%"></i> Archives
</a>
<a class="tablink" href="#screenshots" onclick="openPage('screenshots', this, 'white', '#565656', 'groove');">
<i class="fa fa-camera" id="tablinkicon" style="color:currentcolor; margin:5% 5% 5% 10%"></i> Screenshots
</a>
</div>
<div class="main col-md-9 ml-sm-auto col-lg-10 px-4" style="height: 100%;">
<div class="tabcontent" id="dashboard">
<div class="row rowcard">
<div class="col-md-6 card" style="max-width: 49%;">
<div style="width:100%;height:500px;text-align: center;">
<div class="card__content">
<div style="margin-bottom: -4%; margin-left: 30%;">
<span class="time__taken">
<svg width="22px" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" style="margin: -1% 2% 0% 29%; -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1536 1536"><path d="M896 416v448q0 14-9 23t-23 9H544q-14 0-23-9t-9-23v-64q0-14 9-23t23-9h224V416q0-14 9-23t23-9h64q14 0 23 9t9 23zm416 352q0-148-73-273t-198-198t-273-73t-273 73t-198 198t-73 273t73 273t198 198t273 73t273-73t198-198t73-273zm224 0q0 209-103 385.5T1153.5 1433T768 1536t-385.5-103T103 1153.5T0 768t103-385.5T382.5 103T768 0t385.5 103T1433 382.5T1536 768z" fill="#a9a9a9"/></svg>
Time taken 50.0 secs
</span>
</div>
<div>
<div class="card__header">
<div class="header__title">
PYTEST REPORT
</div>
</div>
<div class="card__header">
<span class="header__date">June 17, 2022</span>
</div>
<div style="display: flex;">
<span class="total__count">2</span>
</div>
<div style="display: flex;">
<span class="total_count__label">TEST CASES</span>
</div>
</div>
<div>
<div class="outer_my_chart">
<canvas id="myChart" class="inner_my_chart" style="height: 38%;"></canvas>
</div>
</div>
<div style="margin-top: 23%;position: static;">
<div class="suite_count_section">
<div class="card__footer">
<div class="card__footer-section">
<div class="footer-section__data" style="color:#98cc64">2</div>
<div class="footer-section__label">passed</div>
</div>
<div class="card__footer-section">
<div class="footer-section__data" style="color:#fc6766">0</div>
<div class="footer-section__label">failed</div>
</div>
<div class="card__footer-section">
<div class="footer-section__data" style="color:#ffd050">0</div>
<div class="footer-section__label">skipped</div>
</div>
<div class="card__footer-section">
<div class="footer-section__data" style="color:#aaaaaa">0</div>
<div class="footer-section__label">xpassed</div>
</div>
<div class="card__footer-section">
<div class="footer-section__data" style="color:#d35fbf">0</div>
<div class="footer-section__label">xfailed</div>
</div>
<div class="card__footer-section">
<div class="footer-section__data" style="color:#b13635">0</div>
<div class="footer-section__label">error</div>
</div>
<div class="card__footer-section">
<div class="footer-section__data" style="color:#e6a800">0</div>
<div class="footer-section__label">rerun</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 card" style="margin-left: 0.75%;">
<a href="#" id="download" download="pytest-html-reporter.pdf" target="_self">
<i class="fa fa-download" style="color:dimgrey; font-size: 1.75rem; padding-top: 2%; float: right; position: fixed; right: 50px;"></i>
</a>
<div style="text-align: center;">
<div>
<div class="dashboard__headers">
<div style="font-weight: 550;font-family: sans-serif;padding-top: 5%;padding-left: 2%;"><svg height="32pt" viewBox="0 0 512 512.00007" width="25pt" xmlns="http://www.w3.org/2000/svg"><path style="fill: currentColor;" d="m509.785156 15.433594c-.773437-6.972656-6.277344-12.480469-13.253906-13.253906-118.703125-13.183594-219.890625 34.300781-302.429688 119.265624-23.621093 24.316407-44.109374 50.054688-61.597656 74.894532-29.597656-1.203125-62.414062 12.1875-85.679687 35.453125l-42.429688 42.429687c-4.800781 4.800782-5.777343 12.230469-2.382812 18.109375 3.394531 5.878907 10.3125 8.742188 16.875 6.988281 9.84375-2.644531 25.839843-5.71875 41.207031-6.433593 5.617188-.261719 10.285156-.179688 14.164062.117187-9.363281 18.007813-16.539062 33.09375-18.917968 36.871094-3.726563 5.929688-2.863282 13.644531 2.089844 18.597656l24.550781 24.550782c-35.730469 48.730468-36.320313 73.6875-36.195313 77.222656.261719 7.488281 6.101563 14.503906 15.773438 14.503906 8.375 0 32.394531-3.554688 76.121094-36.027344l25.824218 25.824219c4.988282 4.988281 12.78125 5.824219 18.71875 2.011719 4.039063-2.597656 18.238282-9.472656 35.265625-18.371094.28125 12.691406-1.441406 31.328125-5.179687 56.589844-2.125 14.328125 15.292968 22.953125 25.445312 12.804687l42.429688-42.429687c21.878906-21.878906 34.566406-54.375 33.628906-84.859375 26.167969-18.285157 53.390625-39.855469 78.808594-64.78125 84.15625-82.527344 130.179687-182.949219 117.164062-300.078125zm-28.695312 15.4375c2.394531 32.34375-.160156 63.695312-7.601563 94.035156-18.480469-5.820312-36.546875-17.253906-52.863281-33.566406-16.375-16.378906-27.832031-34.519532-33.628906-53.066406 30.328125-7.332032 61.699218-9.816407 94.09375-7.402344zm-422.953125 232.039062 9.898437-9.902344c11.972656-11.96875 27.542969-20.589843 43.027344-24.464843-8.089844 12.839843-15.300781 25.101562-21.660156 36.417969-9.824219-2.167969-20.746094-2.570313-31.265625-2.050782zm28.386719 72.230469c3.246093-6.40625 7.171874-14.4375 14.378906-28.054687l19.746094 19.75c-7.347657 7.882812-13.980469 15.371093-19.957032 22.46875zm73.355468-5.738281c10.929688-10.925782 21.410156-12.921875 34.429688-13.203125-.285156 12.6875-2.320313 23.523437-13.214844 34.417969-46.570312 46.570312-78.492188 67.367187-97.582031 76.648437 9.417969-19.457031 30.269531-51.765625 76.367187-97.863281zm16.871094 95.964844-15.46875-15.472657c7.0625-6 14.527344-12.652343 22.402344-20.027343l21.019531 21.019531c-13.820313 7.378906-19.585937 10.15625-27.953125 14.480469zm82.214844 18.570312-12.007813 12.011719c.972657-14.550781.636719-25.152344-.738281-33.332031 11.03125-6.210938 23.011719-13.253907 35.566406-21.132813-3.578125 15.859375-11.621094 31.257813-22.820312 42.453125zm-26.953125-48.167969-26.894531-26.898437c19.902343-21.898438 19.160156-43 19.160156-67.652344 0-8.285156-6.714844-15-15-15-23.03125 0-45.195313-1.234375-67.652344 19.164062l-25.683594-25.683593c70.132813-122.980469 151.199219-200.839844 242.28125-232.902344 7.210938 23.332031 21.246094 45.8125 41.191406 65.757813 19.851563 19.855468 42.226563 33.855468 65.457032 41.09375-32.25 90.582031-110.089844 171.597656-232.859375 242.121093zm0 0"/><path style="fill: currentColor;" d="m378.199219 133.765625c-29.246094-29.242187-76.832031-29.242187-106.074219 0-29.242188 29.246094-29.242188 76.832031 0 106.074219 29.242188 29.242187 76.828125 29.246094 106.074219 0 29.242187-29.242188 29.242187-76.828125 0-106.074219zm-21.214844 84.859375c-17.546875 17.546875-46.101563 17.546875-63.644531 0-17.546875-17.546875-17.546875-46.097656 0-63.644531 17.542968-17.542969 46.09375-17.546875 63.644531 0 17.546875 17.546875 17.546875 46.097656 0 63.644531zm0 0"/></svg>&nbsp;&nbsp;Trends
</div>
</div>
<canvas id="trends" width="100%" height="360px" style="margin-top: 10%; max-height: 375px; padding-bottom: 4%;"></canvas>
</div>
</div>
</div>
</div>
<div class="row rowcard" style="padding-top: 0.8%;">
<div class="col-md-8 card border-right">
<div class="dashboard__headers">
<div style="font-weight: 550;font-family: sans-serif;padding-top: 5%;padding-left: 5%;">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" width="1.34em" height="1em" style="margin-top: -1%; margin-right: 2%; padding-left: 0.9%; -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 2048 1536"><path d="M2048 1408v128H0V0h128v1408h1920zM1664 384l256 896H256V704l448-576l576 576z" fill="#a9a9a9"/></svg>Test Suite
1
</div>
</div>
<canvas class="chart" id="groupBarChart" style="margin-top: 6%; height: 451px; width: 903px;"></canvas>
</div>
<div class="col-md-4 card border-left" style="max-width: 32.4%; padding-left: 3%; padding-top: 2%; margin-left: 0.75%;">
<div class="dashboard__headers">
<div style="font-weight: 550;font-family: sans-serif;padding-top: 5%;padding-left: 2%;">
<i class="fa fa-bolt" style="color:currentcolor; margin-right: 2%; padding-left: 3%;"></i>
Suite Highlights
</div>
<div>
<div class="loading">
<div style="display: flow-root;">
<div class="tooltip bs-tooltip-top tooltip-dark" role="tooltip">
<div class="arrow" style="left: 50%"></div>
<div class="tooltip-inner">No failures in History</div>
</div>
<p class="percentage">0<sup> /0</sup> Times</p>
</div>
<div class="progress-bar downloading"></div>
<span class="suite-highlights-header">MOST FAILED SUITE</span>
</div>
</div>
</div>
</div>
</div>
<hr/>
<div class="row">
<div class="col-md-12" style="width:auto;">
<p class="text-muted" style="text-align:center;font-size:9px"> <a href="https://github.com/prashanth-sams/pytest-html-reporter" target="_blank">pytest-html-reporter</a>
</p>
</div>
</div>
<script>
window.onload = function() {
alignTotalCount();
failureScreenshots();
executeDataTable('#sm', 2);
executeDataTable('#tm', 3);
};
</script>
</div>
<div class="tabcontent" id="suiteMetrics">
<table class="table row-border tablecard" id="sm">
<thead>
<tr>
<th>Suite</th>
<th>Pass</th>
<th>Fail</th>
<th>Skip</th>
<th>xPass</th>
<th>xFail</th>
<th>Error</th>
<th>Rerun</th>
</tr>
</thead>
<tbody>
<tr>
<td style="word-wrap: break-word;max-width: 200px; white-space: normal; text-align:left">scripts/test_add_address.py</td>
<td>2</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
</tbody>
</table>
<div class="row">
<div class="col-md-12" style="height:25px;width:auto;"></div>
</div>
</div>
<div class="tabcontent" id="testMetrics">
<table class="table row-border tablecard" id="tm">
<thead>
<tr>
<th>Suite</th>
<th>Test Case</th>
<th>Status</th>
<th>Time (s)</th>
<th>Error Message</th>
</tr>
</thead>
<tbody>
<tr>
<td style="word-wrap: break-word;max-width: 200px; white-space: normal; text-align:left">scripts/test_add_address.py</td>
<td style="word-wrap: break-word;max-width: 200px; white-space: normal; text-align:left">test_add_address[\u65b0\u589e\u6ca1\u6709\u57ce\u9547\u7684\u5730\u5740-\u738b\u5c0f\u4e2b4-13800000001-\u5317\u4eac-\u671d\u9633\u533a-\u4e09\u91cc\u5c6f\u84dd\u5929\u5927\u53a6-\u5b9a\u798f\u5e84-None-\u6dfb\u52a0\u6210\u529f]</td>
<td>PASS</td>
<td>32.87</td>
<td style="word-wrap: break-word;max-width: 200px; white-space: normal; text-align:left"">
</td>
</tr>
<tr>
<td style="word-wrap: break-word;max-width: 200px; white-space: normal; text-align:left">scripts/test_add_address.py</td>
<td style="word-wrap: break-word;max-width: 200px; white-space: normal; text-align:left">test_add_address[\u65b0\u589e\u6709\u57ce\u9547\u7684\u5730\u5740-\u738b\u5c0f\u4e2b4-13800000001-\u6cb3\u5317-\u77f3\u5bb6\u5e84\u5e02-\u6cb3\u5317\u5927\u53a6-\u8f9b\u96c6\u5e02-\u8f9b\u96c6\u9547-\u6dfb\u52a0\u6210\u529f]</td>
<td>PASS</td>
<td>12.31</td>
<td style="word-wrap: break-word;max-width: 200px; white-space: normal; text-align:left"">
</td>
</tr>
</tbody>
</table>
<div class="row">
<div class="col-md-12" style="height:25px;width:auto;"></div>
</div>
</div>
<div class="tabcontent" id="archives">
<div id="list-example" class="list-group archive-build-row">
<a class ="list-group-item list-group-item-action" href="#list-item-4" style="font-size: 1.1rem; color: dimgray; margin-bottom: -7%;">
<i class="fa fa-check" aria-hidden="true" style="color: #98cc64"></i>
<span>build #4</span></br>
<span style="font-size: 0.81rem; color: gray; padding-left: 12%;">2022-06-17 | 8:17 pm</span>
</a>
<a class ="list-group-item list-group-item-action" href="#list-item-3" style="font-size: 1.1rem; color: dimgray; margin-bottom: -7%;">
<i class="fa fa-check" aria-hidden="true" style="color: #98cc64"></i>
<span>build #3</span></br>
<span style="font-size: 0.81rem; color: gray; padding-left: 12%;">2022-06-17 | 8:15 pm</span>
</a>
<a class ="list-group-item list-group-item-action" href="#list-item-2" style="font-size: 1.1rem; color: dimgray; margin-bottom: -7%;">
<i class="fa fa-times" aria-hidden="true" style="color: #fc6766"></i>
<span>build #2</span></br>
<span style="font-size: 0.81rem; color: gray; padding-left: 12%;">2022-06-17 | 8:12 pm</span>
</a>
<a class ="list-group-item list-group-item-action" href="#list-item-1" style="font-size: 1.1rem; color: dimgray; margin-bottom: -7%;">
<i class="fa fa-times" aria-hidden="true" style="color: #fc6766"></i>
<span>build #1</span></br>
<span style="font-size: 0.81rem; color: gray; padding-left: 12%;">2022-06-17 | 8:9 pm</span>
</a>
</div>
<div data-spy="scroll" data-target="#list-example" data-offset="0" class="scrollspy-example">
<div id="list-item-4" class="archive-body">
<div>
<h4 class="archive-header">
Build #4
</h4>
<div class="archive-date">
<i class="fa fa-calendar-check-o" aria-hidden="true"></i>&nbsp;&nbsp;&nbsp;
JUNE 17, 2022
</div>
</div>
<div style="margin-top: -5%;">
<div id="archive-container-0" style="padding-top: 5%; position: absolute;">
<div style="">
<span class="total__tests">2</span>
</div>
<div id="archive-label-0">
<span class="archive__label">TEST CASES</span>
</div>
</div>
<div class="archive-chart-container">
<canvas id="archive-chart-0" style="margin-top: 10%; padding-left: 25%; margin-right: -16%; float: right;"></canvas>
</div>
</div>
<div class="archive__bar">
<section id="statistic" class="statistic-section-pass one-page-section">
<div class="container" style="margin-top: -2%;">
<div class="row text-center">
<div class="col-xs-12 col-md-3" style="max-width: 14.2%;">
<div class="counter">
<h2 class="timer count-title count-number">2</h2>
<p class="stats-text">PASSED</p>
</div>
</div>
<div class="col-xs-12 col-md-3" style="max-width: 14.2%;">
<div class="counter">
<h2 class="timer count-title count-number">0
</h2>
<p class="stats-text">FAILED</p>
</div>
</div>
<div class="col-xs-12 col-md-3" style="max-width: 14.2%;"v>
<div class="counter">
<h2 class="timer count-title count-number">0</h2>
<p class="stats-text">SKIPPED</p>
</div>
</div>
<div class="col-xs-12 col-md-3" style="max-width: 14.2%;">
<div class="counter">
<h2 class="timer count-title count-number">0</h2>
<p class="stats-text">XPASSED</p>
</div>
</div>
<div class="col-xs-12 col-md-3" style="max-width: 14.2%;">
<div class="counter">
<h2 class="timer count-title count-number">0</h2>
<p class="stats-text">XFAILED</p>
</div>
</div>
<div class="col-xs-12 col-md-3" style="max-width: 14.2%;">
<div class="counter">
<h2 class="timer count-title count-number">0</h2>
<p class="stats-text">ERROR</p>
</div>
</div>
<div class="col-xs-12 col-md-3" style="max-width: 14.2%;">
<div class="counter">
<h2 class="timer count-title count-number">0</h2>
<p class="stats-text">RERUN</p>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<div id="list-item-3" class="archive-body">
<div>
<h4 class="archive-header">
Build #3
</h4>
<div class="archive-date">
<i class="fa fa-calendar-check-o" aria-hidden="true"></i>&nbsp;&nbsp;&nbsp;
JUNE 17, 2022
</div>
</div>
<div style="margin-top: -5%;">
<div id="archive-container-1" style="padding-top: 5%; position: absolute;">
<div style="">
<span class="total__tests">2</span>
</div>
<div id="archive-label-1">
<span class="archive__label">TEST CASES</span>
</div>
</div>
<div class="archive-chart-container">
<canvas id="archive-chart-1" style="margin-top: 10%; padding-left: 25%; margin-right: -16%; float: right;"></canvas>
</div>
</div>
<div class="archive__bar">
<section id="statistic" class="statistic-section-pass one-page-section">
<div class="container" style="margin-top: -2%;">
<div class="row text-center">
<div class="col-xs-12 col-md-3" style="max-width: 14.2%;">
<div class="counter">
<h2 class="timer count-title count-number">2</h2>
<p class="stats-text">PASSED</p>
</div>
</div>
<div class="col-xs-12 col-md-3" style="max-width: 14.2%;">
<div class="counter">
<h2 class="timer count-title count-number">0
</h2>
<p class="stats-text">FAILED</p>
</div>
</div>
<div class="col-xs-12 col-md-3" style="max-width: 14.2%;"v>
<div class="counter">
<h2 class="timer count-title count-number">0</h2>
<p class="stats-text">SKIPPED</p>
</div>
</div>
<div class="col-xs-12 col-md-3" style="max-width: 14.2%;">
<div class="counter">
<h2 class="timer count-title count-number">0</h2>
<p class="stats-text">XPASSED</p>
</div>
</div>
<div class="col-xs-12 col-md-3" style="max-width: 14.2%;">
<div class="counter">
<h2 class="timer count-title count-number">0</h2>
<p class="stats-text">XFAILED</p>
</div>
</div>
<div class="col-xs-12 col-md-3" style="max-width: 14.2%;">
<div class="counter">
<h2 class="timer count-title count-number">0</h2>
<p class="stats-text">ERROR</p>
</div>
</div>
<div class="col-xs-12 col-md-3" style="max-width: 14.2%;">
<div class="counter">
<h2 class="timer count-title count-number">0</h2>
<p class="stats-text">RERUN</p>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<div id="list-item-2" class="archive-body">
<div>
<h4 class="archive-header">
Build #2
</h4>
<div class="archive-date">
<i class="fa fa-calendar-check-o" aria-hidden="true"></i>&nbsp;&nbsp;&nbsp;
JUNE 17, 2022
</div>
</div>
<div style="margin-top: -5%;">
<div id="archive-container-2" style="padding-top: 5%; position: absolute;">
<div style="">
<span class="total__tests">2</span>
</div>
<div id="archive-label-2">
<span class="archive__label">TEST CASES</span>
</div>
</div>
<div class="archive-chart-container">
<canvas id="archive-chart-2" style="margin-top: 10%; padding-left: 25%; margin-right: -16%; float: right;"></canvas>
</div>
</div>
<div class="archive__bar">
<section id="statistic" class="statistic-section-fail one-page-section">
<div class="container" style="margin-top: -2%;">
<div class="row text-center">
<div class="col-xs-12 col-md-3" style="max-width: 14.2%;">
<div class="counter">
<h2 class="timer count-title count-number">0</h2>
<p class="stats-text">PASSED</p>
</div>
</div>
<div class="col-xs-12 col-md-3" style="max-width: 14.2%;">
<div class="counter">
<h2 class="timer count-title count-number">0
</h2>
<p class="stats-text">FAILED</p>
</div>
</div>
<div class="col-xs-12 col-md-3" style="max-width: 14.2%;"v>
<div class="counter">
<h2 class="timer count-title count-number">0</h2>
<p class="stats-text">SKIPPED</p>
</div>
</div>
<div class="col-xs-12 col-md-3" style="max-width: 14.2%;">
<div class="counter">
<h2 class="timer count-title count-number">0</h2>
<p class="stats-text">XPASSED</p>
</div>
</div>
<div class="col-xs-12 col-md-3" style="max-width: 14.2%;">
<div class="counter">
<h2 class="timer count-title count-number">0</h2>
<p class="stats-text">XFAILED</p>
</div>
</div>
<div class="col-xs-12 col-md-3" style="max-width: 14.2%;">
<div class="counter">
<h2 class="timer count-title count-number">2</h2>
<p class="stats-text">ERROR</p>
</div>
</div>
<div class="col-xs-12 col-md-3" style="max-width: 14.2%;">
<div class="counter">
<h2 class="timer count-title count-number">0</h2>
<p class="stats-text">RERUN</p>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<div id="list-item-1" class="archive-body">
<div>
<h4 class="archive-header">
Build #1
</h4>
<div class="archive-date">
<i class="fa fa-calendar-check-o" aria-hidden="true"></i>&nbsp;&nbsp;&nbsp;
JUNE 17, 2022
</div>
</div>
<div style="margin-top: -5%;">
<div id="archive-container-3" style="padding-top: 5%; position: absolute;">
<div style="">
<span class="total__tests">2</span>
</div>
<div id="archive-label-3">
<span class="archive__label">TEST CASES</span>
</div>
</div>
<div class="archive-chart-container">
<canvas id="archive-chart-3" style="margin-top: 10%; padding-left: 25%; margin-right: -16%; float: right;"></canvas>
</div>
</div>
<div class="archive__bar">
<section id="statistic" class="statistic-section-fail one-page-section">
<div class="container" style="margin-top: -2%;">
<div class="row text-center">
<div class="col-xs-12 col-md-3" style="max-width: 14.2%;">
<div class="counter">
<h2 class="timer count-title count-number">0</h2>
<p class="stats-text">PASSED</p>
</div>
</div>
<div class="col-xs-12 col-md-3" style="max-width: 14.2%;">
<div class="counter">
<h2 class="timer count-title count-number">0
</h2>
<p class="stats-text">FAILED</p>
</div>
</div>
<div class="col-xs-12 col-md-3" style="max-width: 14.2%;"v>
<div class="counter">
<h2 class="timer count-title count-number">0</h2>
<p class="stats-text">SKIPPED</p>
</div>
</div>
<div class="col-xs-12 col-md-3" style="max-width: 14.2%;">
<div class="counter">
<h2 class="timer count-title count-number">0</h2>
<p class="stats-text">XPASSED</p>
</div>
</div>
<div class="col-xs-12 col-md-3" style="max-width: 14.2%;">
<div class="counter">
<h2 class="timer count-title count-number">0</h2>
<p class="stats-text">XFAILED</p>
</div>
</div>
<div class="col-xs-12 col-md-3" style="max-width: 14.2%;">
<div class="counter">
<h2 class="timer count-title count-number">2</h2>
<p class="stats-text">ERROR</p>
</div>
</div>
<div class="col-xs-12 col-md-3" style="max-width: 14.2%;">
<div class="counter">
<h2 class="timer count-title count-number">0</h2>
<p class="stats-text">RERUN</p>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
<div class="tabcontent" id="screenshots">
<div id="content">
<div class="fold-main">
<div class="container-fluid">
<div id="main-content">
<div class="bg-highlight p-4 mt-3">
<div class="row">
<div class="below-desc"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
function createBarGraph(tableID, keyword_column, time_column, limit, ChartID, Label, type) {
var status = [];
css_selector_locator = tableID + ' tbody >tr'
var rows = $(css_selector_locator);
var columns;
var myColors = [
'#4F81BC',
'#C0504E',
'#9BBB58',
'#24BEAA',
'#8064A1',
'#4AACC5',
'#F79647',
'#815E86',
'#76A032',
'#34558B'
];
status.push([type, Label, {
role: 'annotation'
}, {
role: 'style'
}]);
for (var i = 0; i < rows.length; i++) {
if (i == Number(limit)) {
break;
}
//status = [];
name_value = $(rows[i]).find('td');
time = ($(name_value[Number(time_column)]).html());
keyword = ($(name_value[Number(keyword_column)]).html()).trim();
status.push([keyword, parseFloat(time), parseFloat(time), myColors[i]]);
}
var data = google.visualization.arrayToDataTable(status);
var options = {
legend: 'none',
chartArea: {
width: "92%",
height: "75%"
},
bar: {
groupWidth: '90%'
},
annotations: {
alwaysOutside: true,
textStyle: {
fontName: 'Comic Sans MS',
fontSize: 13,
bold: true,
italic: true,
color: "black", // The color of the text.
},
},
hAxis: {
textStyle: {
fontName: 'Arial',
fontSize: 10,
}
},
vAxis: {
gridlines: {
count: 10
},
textStyle: {
fontName: 'Comic Sans MS',
fontSize: 10,
}
},
};
// Instantiate and draw the chart.
var chart = new google.visualization.ColumnChart(document.getElementById(ChartID));
chart.draw(data, options);
}
</script>
<script>
function executeDataTable(tabname, sortCol) {
var fileTitle;
switch (tabname) {
case "#sm":
fileTitle = "SuiteMetrics";
break;
case "#tm":
fileTitle = "TestMetrics";
break;
default:
fileTitle = "metrics";
}
$(tabname).DataTable({
retrieve: true,
"order": [
[Number(sortCol), "desc"]
],
dom: 'l<".margin" B>frtip',
"lengthMenu": [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]],
buttons: [
{
extend: 'copyHtml5',
text: '<i class="fa fa-files-o"></i>',
filename: function() {
return fileTitle + '-' + new Date().toLocaleString();
},
titleAttr: 'Copy',
exportOptions: {
columns: ':visible'
}
},
{
extend: 'csvHtml5',
text: '<i class="fa fa-file-text-o"></i>',
titleAttr: 'CSV',
filename: function() {
return fileTitle + '-' + new Date().toLocaleString();
},
exportOptions: {
columns: ':visible'
}
},
{
extend: 'excelHtml5',
text: '<i class="fa fa-file-excel-o"></i>',
titleAttr: 'Excel',
filename: function() {
return fileTitle + '-' + new Date().toLocaleString();
},
exportOptions: {
columns: ':visible'
}
},
{
extend: 'print',
text: '<i class="fa fa-print"></i>',
titleAttr: 'Print',
exportOptions: {
columns: ':visible',
alignment: 'left',
}
},
{
extend: 'colvis',
collectionLayout: 'fixed two-column',
text: '<i class="fa fa-low-vision"></i>',
titleAttr: 'Hide Column',
exportOptions: {
columns: ':visible'
},
postfixButtons: [ 'colvisRestore' ]
},
],
columnDefs: [ {
visible: false,
} ]
}
);
}
</script>
<script>
function alignTotalCount() {
arr1 = [1, 2, 3, 4, 5];
arr2 = ['19%', '14%', '11%', '7%', '4%'];
zipped = arr1.map((x, i) => [x, arr2[i]]);
var x = parseInt(2);
size = zipped[(x.toString().length)-1][1];
document.getElementsByClassName("total__count")[0].style.paddingLeft = `${size}`;
}
</script>
<script>
function archiveTotalCase(total, i) {
number = [1, 2, 3, 4, 5];
container = ['23%', '20%', '15%', '12%', '7%'];
label = ['-24%', '-2%', '15%', '27%', '31%'];
zipped = container.map((x, i) => [x, label[i]]);
var x = parseInt(total);
acontainer = zipped[(x.toString().length)-1][0];
alabel = zipped[(x.toString().length)-1][1];
document.getElementById(`archive-container-${i}`).style.paddingLeft = `${acontainer}`;
document.getElementById(`archive-label-${i}`).style.marginLeft = `${alabel}`;
}
</script>
<script>
function openPage(pageName,elmnt,color,bgcolor,borderstyle) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablink");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].style.color = "";
tablinks[i].style.background = "";
tablinks[i].style.borderRight = "";
}
document.getElementById(pageName).style.display = "block";
elmnt.style.color = color;
elmnt.style.background = bgcolor;
elmnt.style.borderRight = borderstyle;
}
// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();
</script>
<script>
// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();
</script>
<script>
$(window).on('load',function(){$('.loader').fadeOut();});
</script>
<script>
var ctx = document.getElementById('myChart');
var myChart = new Chart(ctx, {
type: 'doughnut',
data: {
labels: ['PASS', 'FAIL', 'SKIP', 'XPASS', 'XFAIL', 'ERROR'],
datasets: [{
label: '# of Votes',
data: [2, 0, 0, 0, 0, 0],
backgroundColor: [
'#98cc64',
'#fc6766',
'#ffd050',
'#aaaaaa',
'#d35fbf',
'#b13635'
],
hoverBackgroundColor: [
"#84b356",
"#e35857",
"#e4b942",
"#bdbbbb",
"#c357b0",
'#8b2828'
],
hoverBorderColor: [
'#9bca6d',
'#fd8a89',
'#ffcf4c',
'#abaaaa',
'#f26fdb',
'#b13635'
]
}]
},
options: {
doughnut_chart: true,
legend: {
display: false
},
responsive: true,
cutoutPercentage: 80,
tooltips: {
callbacks: {
title: function(tooltipItem, data) {
return data['labels'][tooltipItem[0]['index']];
},
label: function(tooltipItem, data) {
return ''
},
afterLabel: function(tooltipItem, data) {
var dataset = data['datasets'][0];
var percent = Math.round((dataset['data'][tooltipItem['index']] / dataset["_meta"][0]['total']) * 100)
return percent + '%';
}
},
backgroundColor: '#FFF',
titleFontSize: 16,
titleFontColor: '#555555',
bodyFontColor: '#000',
bodyFontSize: 14,
displayColors: false,
borderColor: '#555555',
borderWidth: 3,
multiKeyBackground: '#555555',
cornerRadius: 3,
caretSize: 15,
caretPadding: 13,
xPadding: 12,
yPadding: 12
}
}
});
Chart.pluginService.register({
beforeDraw: function(chart) {
if (chart.config.options.doughnut_chart) {
var width = chart.chart.width,
height = chart.chart.height,
ctx = chart.chart.ctx;
ctx.restore();
var fontSize = (height / 114).toFixed(2);
ctx.font = fontSize + "em sans-serif";
ctx.textBaseline = "middle";
var passPercent = Math.round((2 / 2) * 100)
var text = passPercent + "%",
textX = Math.round((width - ctx.measureText(text).width) / 2),
textY = height / 2;
ctx.fillText(text, textX, textY);
ctx.save();
}
}
});
</script>
<script>
for(var i=0; i<=4; i++) {
var MeSeContext = document.getElementById("archive-chart-"+i).getContext("2d");
var archives = {'0': {'pass': '2', 'fail': '0', 'skip': '0', 'xpass': '0', 'xfail': '0', 'error': '0', 'rerun': '0', 'total': '2'}, '1': {'pass': '2', 'fail': '0', 'skip': '0', 'xpass': '0', 'xfail': '0', 'error': '0', 'rerun': '0', 'total': '2'}, '2': {'pass': '0', 'fail': '0', 'skip': '0', 'xpass': '0', 'xfail': '0', 'error': '2', 'rerun': '0', 'total': '2'}, '3': {'pass': '0', 'fail': '0', 'skip': '0', 'xpass': '0', 'xfail': '0', 'error': '2', 'rerun': '0', 'total': '2'}};
var pass = archives[i].pass;
var fail = archives[i].fail;
var skip = archives[i].skip;
var xpass = archives[i].xpass;
var xfail = archives[i].xfail;
var error = archives[i].error;
var total = archives[i].total;
archiveTotalCase(total, i)
var MeSeData = {
labels: ["PASS", "FAIL", "SKIP", "XPASS", "XFAIL", "ERROR"],
datasets: [{
label: "Test",
data: [pass, fail, skip, xpass, xfail, error],
backgroundColor: ["#98cc64", "#fc6766", '#ffd050', '#aaaaaa', '#d35fbf', '#b13635'],
hoverBackgroundColor: ["#84b356", "#e35857", "#e4b942", "#bdbbbb", "#c357b0", '#8b2828'],
hoverBorderColor: ["#9bca6d", "#fd8a89", "#ffcf4c", "#abaaaa", "#f26fdb", "#b13635"]
}]
};
var MeSeChart = new Chart(MeSeContext, {
type: 'horizontalBar',
data: MeSeData,
options: {
legend: {
display: false
},
responsive: true,
scales: {
yAxes: [{
stacked: true
}]
},
tooltips: {
backgroundColor: '#FFF',
titleFontSize: 10,
titleFontColor: '#555555',
bodyFontColor: '#000',
bodyFontSize: 12,
displayColors: false,
borderColor: '#555555',
borderWidth: 2,
multiKeyBackground: '#555555',
cornerRadius: 2,
caretSize: 5,
caretPadding: 5,
xPadding: 5,
yPadding: 5
}
}
});
}
</script>
<script>
var ctx = document.getElementById('groupBarChart').getContext('2d');
var myChart = new Chart(ctx, {
type: 'bar',
data: {
labels: ['test_add_address'],
datasets: [{
label: 'Passed',
backgroundColor: '#98cc64',
hoverBackgroundColor: '#84b356',
borderColor: '#9bca6d',
borderWidth: 1,
data: [2]
}, {
label: 'Failed',
backgroundColor: '#fc6766',
hoverBackgroundColor: '#e35857',
borderColor: '#fd8a89',
borderWidth: 1,
data: [0]
}, {
label: 'Skipped',
backgroundColor: '#ffd050',
hoverBackgroundColor: '#e4b942',
borderColor: '#ffcf4c',
borderWidth: 1,
data: [0]
}, {
label: 'XPassed',
backgroundColor: '#aaaaaa',
hoverBackgroundColor: '#bdbbbb',
borderColor: '#abaaaa',
borderWidth: 1,
data: [0]
}, {
label: 'XFailed',
backgroundColor: '#d35fbf',
hoverBackgroundColor: '#c357b0',
borderColor: '#f26fdb',
borderWidth: 1,
data: [0]
}, {
label: 'Error',
backgroundColor: '#b13635',
hoverBackgroundColor: '#8b2828',
borderColor: '#b13635',
borderWidth: 1,
data: [0]
}]
},
options: {
title: {
display: false,
text: 'Test Suites'
},
tooltips: {
mode: 'index',
intersect: false,
backgroundColor: '#FFF',
titleFontSize: 16,
titleFontColor: '#555555',
bodyFontColor: '#000',
bodyFontSize: 14,
displayColors: false,
borderColor: '#555555',
borderWidth: 3,
multiKeyBackground: '#555555',
cornerRadius: 3,
caretSize: 15,
caretPadding: 13,
xPadding: 12,
yPadding: 12
},
legend: {
display: false
},
responsive: true,
scales: {
xAxes: [{
stacked: true
}],
yAxes: [{
stacked: true,
ticks: {
beginAtZero: true
}
}]
}
}
});
</script>
<script>
var lineCanvas = document.getElementById('trends').getContext("2d");
var trends = new Chart(lineCanvas, {
type: 'line',
data: {
labels : ['8:17 PM | Jun 17', '8:15 PM | Jun 17', '8:12 PM | Jun 17', '8:9 PM | Jun 17'],
datasets : [
{
label: 'Passed',
fill: false,
borderColor : "#98cc64",
pointBackgroundColor : "#b3c89e",
data : ['2', '2', '0', '0']
},
{
label: 'Failed',
fill: false,
borderColor : "#fc6766",
pointBackgroundColor : "#d68d8c",
data : [0, 0, 2, 2]
},
{
label: 'Skipped',
fill: false,
borderColor : "#ffd050",
pointBackgroundColor : "#dac079",
data : ['0', '0', '0', '0']
}
]
},
options : {
title: {
display: false,
text: 'Trends'
},
legend: {
display: false
},
responsive: true,
maintainAspectRatio: false,
tooltips: {
mode: 'point',
intersect: false,
backgroundColor: '#FFF',
titleFontSize: 16,
titleFontColor: '#555555',
bodyFontColor: '#000',
bodyFontSize: 14,
displayColors: false,
borderColor: '#555555',
borderWidth: 3,
multiKeyBackground: '#555555',
cornerRadius: 3,
caretSize: 15,
caretPadding: 13,
xPadding: 12,
yPadding: 12
}
}
});
</script>
<script>
function failureScreenshots() {
$('.video').hover(function (e) {
var hoverText = $(this).siblings('.text-desc').html();
$(e.target).closest('.bg-highlight').find('.below-desc').first().html(hoverText);
}, function (e) {
$(e.target).closest('.bg-highlight').find('.below-desc').first().html('');
});
}
$('#download').click(function () {
domtoimage.toPng(document.getElementById('dashboard'))
.then(function (blob) {
var pdf = new jsPDF('l', 'pt', [$('#dashboard').width()+20, $('#dashboard').height()]);
pdf.addImage(blob, 'PNG', 10, 10, $('#dashboard').width(), $('#dashboard').height());
pdf.save("pytest_html_reporter.pdf");
});
});
</script>
</body>
Python
1
https://gitee.com/zhao-mengchen/appium_pytest.git
git@gitee.com:zhao-mengchen/appium_pytest.git
zhao-mengchen
appium_pytest
appium_pytest
master

搜索帮助