@ln-maf/validations
Version:
This module is created to allow other projects to easily validate JSON utilizing a set of steps.
7,106 lines • 208 kB
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<script src="../assets/js/darkmode.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- Meta, title, CSS, favicons, etc. -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Cache-control" content="public">
<title>Multiple Cucumber HTML Reporter</title>
<!-- Bootstrap -->
<link rel="stylesheet" href="../assets/css/bootstrap.min.css" >
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.min.js"></script>
<script src="../assets/js/respond.min.js"></script>
<![endif]-->
<link href="../assets/css/font-awesome.min.css" rel="stylesheet">
<!-- Custom Theme Style -->
<style type="text/css">
body {
color: #73879C;
background: #F7F7F7;
font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 1.471;
}
.main_container {
padding: 10px 20px 0;
}
i span {
display: none;
}
/* Navigation */
nav.navbar {
background: #EDEDED;
border-bottom: 1px solid #D9DEE4;
margin-bottom: 0;
}
nav .navbar-brand {
border-right: 1px solid #D9DEE4;
color: #5A738E;
}
nav .navbar-text {
font-size: 18px;
height: 50px;
margin-bottom: 0;
margin-top: 0;
padding: 15px 0;
float: right;
}
/* Table */
table {
width: 100%;
}
table.chart tr th:first-of-type {
width: 33.333%;
}
.table > thead > tr > th {
background: #F5F7FA;
}
table.tile h3, table.tile h4, table.tile span {
font-weight: bold;
vertical-align: middle !important;
}
table.tile th, table.tile td {
text-align: center;
}
table.tile th {
border-bottom: 1px solid #E6ECEE;
}
table.tile td {
padding: 5px 0;
}
table.tile td ul {
text-align: left;
padding-left: 0;
}
table.tile td ul li {
list-style: none;
width: 100%;
}
table.tile td ul li a {
width: 100%;
}
table.tile td ul li a big {
right: 0;
float: right;
margin-right: 13px;
}
table.tile_info {
width: 100%;
}
table.tile_info td {
text-align: left;
padding: 1px;
font-size: 15px;
}
table.tile_info td p {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 0;
line-height: 28px;
}
table.tile_info td i {
display: inline-block;
margin-right: 8px;
font-size: 17px;
float: left;
width: 18px;
line-height: 28px;
text-align: center;
}
table.tile_info td:first-child {
width: 65%;
}
td span {
line-height: 28px;
}
table.tile_info td.percentage {
text-align: right;
}
/* chart in table */
table td.chart {
display: inline-block;
position: relative;
}
table td.chart #feature-chart,
table td.chart #scenario-chart,
table td.chart .total {
height: 140px;
margin: 15px 10px 10px 0;
width: 140px;
}
table td.chart .total {
display: inline-block;
position: absolute;
font-size: 2em;
height: 50px;
line-height: 50px;
top: 45px;
left: 45px;
text-align: center;
vertical-align: middle;
width: 50px;
}
/* colors */
.ambiguous-color {
color: #E74C3C !important;
}
.failed-color {
color: #E74C3C !important;
}
.not-defined-color {
color: #F39C12 !important;
}
.passed-color {
color: #1ABB9C !important;
}
.pending-color {
color: #FFD119 !important;
}
.skipped-color {
color: #3498DB !important;
}
/* backgrounds */
.ambiguous-background {
background: #b73122 !important;
}
.failed-background {
background: #E74C3C !important;
}
.not-defined-background {
background: #F39C12 !important;
}
.passed-background {
background: #1ABB9C !important;
}
.pending-background {
background: #FFD119 !important;
}
.skipped-background {
background: #3498DB !important;
}
/* general */
.x_panel {
position: relative;
width: 100%;
margin-bottom: 10px;
padding: 10px 17px;
display: inline-block;
background: #fff;
border: 1px solid #E6E9ED;
-webkit-column-break-inside: avoid;
opacity: 1;
}
.x_title {
border-bottom: 2px solid #E6E9ED;
padding: 1px 5px 6px;
margin-bottom: 10px;
}
.x_title .filter {
width: 40%;
float: right;
}
.x_title h2 {
margin: 5px 0 6px;
float: left;
font-size: 24px;
font-weight: 400;
display: block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.fixed_height_320 {
height: 320px;
}
.x_title span {
color: #BDBDBD;
}
.x_content {
padding: 0 5px 6px;
position: relative;
width: 100%;
float: left;
clear: both;
margin-top: 5px;
}
.x_content h4 {
font-size: 16px;
font-weight: 500;
}
.panel_toolbox {
float: right;
margin: 5px 0 0;
min-width: 70px;
}
.panel_toolbox > li {
float: right;
}
.panel_toolbox > li > a {
cursor: pointer;
}
.panel_toolbox > li > a {
padding: 5px;
color: #C5C7CB;
font-size: 14px;
}
.panel_toolbox > li > a:hover {
background: #F5F7FA;
}
.page-title {
width: 100%;
padding: 10px 0 30px 0;
}
.page-title {
display: block;
}
.page-title h1 {
margin: 9px 0 9px 13px;
font-size: 30px;
}
.page-title .title_right {
width: 55%;
float: left;
display: block;
}
.page-title .title_right .pull-right {
margin: 10px 0;
}
.page-title p {
margin-left: 15px;
}
.dashboard-widget-content {
padding-top: 9px;
}
.dashboard-widget-content .sidebar-widget {
width: 50%;
display: inline-block;
vertical-align: top;
background: #fff;
border: 1px solid #abd9ea;
border-radius: 5px;
text-align: center;
float: right;
padding: 2px;
margin-top: 10px;
}
ul.quick-list {
padding-left: 0;
display: inline-block;
}
ul.quick-list li,
table.quick-list tr {
padding-left: 10px;
list-style: none;
margin: 0;
padding-bottom: 6px;
padding-top: 4px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
ul.quick-list li .meta-data-title,
table.quick-list td.meta-data-title {
display: inline-block;
min-width: 75px;
font-weight: bold;
}
ul.quick-list li span,
table.quick-list td {
line-height: 28px;
}
ul.quick-list li,
table.quick-list tr {
border-bottom: 1px solid #efefef;
padding: 0.5em 0;
}
ul.quick-list li:last-child,
table.quick-list tr:last-child {
border-bottom: none;
}
ul.quick-list li i {
padding-right: 10px;
color: #757679;
}
.screenshot{
max-height: 100%;
max-width: 100%;
}
.videoCapture{
width: 50%;
height: 50%;
max-height: 100%;
max-width: 100%;
}
/* Features / Scenarios */
ul.panel_toolbox li .step {
border-radius: 50%;
color: #ffffff;
display: block;
font-size: 14px;
height: 30px;
margin-right: 5px;
padding: 5px;
text-align: center;
width: 30px;
}
.scenario-step-container {
margin-bottom: 10px;
}
.scenario-step-container .label {
display: inline-block;
text-align: center;
width: 30px;
}
.scenario-step-container .text {
display: inline;
}
.scenario-step-container .duration {
position: relative;
float: right;
}
.scenario-step-container .text .keyword.highlight {
font-size: 1.2em;
font-weight: 700;
}
.scenario-scroll-bar {
overflow-x: scroll;
}
.scenario-step-collapse,
.scenario-scroll-bar .arguments {
margin-left: 30px;
width: auto;
}
/* media */
@media (max-width: 1200px) {
.x_title h2 {
width: 70%;
}
}
@media (max-width: 640px) {
.x_title h2 {
width: 100%;
}
}
/* override */
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
background: #1ABB9C;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
background: #E74C3C;
}
.created-by {
padding: 50px 0;
text-align: center;
}
body.darkmode,
body.darkmode div.created-by,
body.darkmode .dropdown-menu
{
background: #212121 !important;
color: #b4bfca;
border-color: #2e2e2e;
}
body.darkmode .x_panel
{
background: #1c1c21 !important;
color: #b4bfca;
border: 1px solid #2e2e2e;
}
body.darkmode div.container-fluid
{
background: #2b2b2b !important;
color: #b4bfca;
border: 0 solid #2e2e2e;
}
body.darkmode nav.navbar {
background: #2b2b2b;
border-bottom: 1px solid #313a45;
margin-bottom: 0;
}
body.darkmode .x_title {
background: #1c1c21 !important;
border-bottom: 2px solid #2e2e2e;
padding: 1px 5px 6px;
margin-bottom: 10px;
}
body.darkmode table.quick-list tr {
border-bottom: 1px solid #292929;
padding: 0.5em 0;
}
body.darkmode ul.quick-list li,
body.darkmode table.quick-list tr {
border-bottom: 1px solid #2e2e2e;
padding: 0.5em 0;
}
.darkModeIcon {
font-size: x-large;
float: left;
padding-top: 12px;
padding-left: 4px;
cursor: pointer;
color: #b4bfca;
border-color: #2e2e2e;
}
.darkModeIcon:before {
content: '';
}
body.darkmode a.navbar-default,
body.darkmode a.navbar-brand {
color: #b1bfcd;
background: transparent !important;
border-right: 1px solid #313a45;
}
body.darkmode a {
background: transparent !important;
color: #9cc2e3;
border-color: #2e2e2e;
}
body.darkmode a.collapse-link {
color: #c7c7c7;
border-color: #2e2e2e;
}
body.darkmode li:not([class])>a[id] {
color: white;
}
body.darkmode li:not([class])>a[id]:hover {
background: darkslateblue;
}
body.darkmode #features-table {
color: #b4bfca;
border-color: #2e2e2e;
}
body.darkmode #features-table th {
background: #212121 !important;
color: #a3c2db;
border-color: #2e2e2e;
}
body.darkmode #features-table td {
border-color: #2e2e2e;
}
body.darkmode #features-table tr:nth-of-type(odd) {
background: #212121 !important;
border-color: #2e2e2e;
}
body.darkmode table.dataTable>tbody>tr.child ul.dtr-details li {
border-bottom: 1px solid #2e2e2e;
padding: 0.5em 0;
}
body.darkmode .pagination,
body.darkmode .pagination>.active>a,
body.darkmode .pagination>.active>a:focus,
body.darkmode .pagination>.active>a:hover,
body.darkmode .pagination>.active>span,
body.darkmode .pagination>.active>span:focus,
body.darkmode .pagination>.active>span:hover {
background: #3a7ab7;
border-color: #3a7ab7;
}
body.darkmode .pagination>.disabled>a,
body.darkmode .pagination>.disabled>a:focus,
body.darkmode .pagination>.disabled>a:hover,
body.darkmode .pagination>.disabled>span,
body.darkmode .pagination>.disabled>span:focus,
body.darkmode .pagination>.disabled>span:hover {
background: #3a7ab7;
border-color: #3b3b3b;
color: #bfbfbf;
}
body.darkmode table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child::before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child::before {
border: 1px solid #2e2e2e;
}
body.darkmode #features-table>thead>tr {
color: #b4bfca;
border-color: #2e2e2e;
}
body.darkmode .form-control {
background: #212121 !important;
color: #c3c3c3;
border-color: #2e2e2e;
}
body.darkmode li[id*=features]>a {
background: #212121 !important;
}
body.darkmode .btn-info {
color: #b4bfca;
background: #337ab7;
border-color: #337ab7;
}
body.darkmode .panel_toolbox > li > a:hover {
background: transparent;
}
body.darkmode .table-striped>tbody>tr:nth-of-type(even) {
background: #1c1c21;
}
body.darkmode div pre {
background: #212121 !important;
color: #b4bfca;
}
body.darkmode span.tag {
color: #b4bfca;
}
body.darkmode .keyword {
color: #b4bfca;
}
body.darkmode div.tags ~h1 {
color: #b4bfca;
}
body.darkmode div.tags ~h2 {
color: #b4bfca;
}
body.darkmode div.tags ~h1 small {
color: #bfbfbf;
}
body.darkmode div.tags ~h2 small {
color: #bfbfbf;
}
svg#moon, svg#sun {
width: 40px;
height: 30px;
fill: #ec6d04;
}
input#darkCheck:checked ~ label>svg#sun {
display: none;
border-color: #212121;
}
label>svg#moon {
display: none;
}
input#darkCheck:checked ~ label>svg#moon {
display: inline-block;
fill: #b4bfca;
border-color: #212121;
}
</style>
</head>
<body>
<script type="text/javascript">
window.onload = function() {
if(window.localStorage['darkmode'] === 'on') {
applyFontStyle();
}
}
</script>
<nav class="navbar">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#" onclick="history.back(-1)">
<i class="fa fa-arrow-left"><span>Back</span></i>
</a>
</div>
<p class="navbar-text" style="float: left">Features Overview
</p>
<p class="navbar-text">Multiple Cucumber HTML Reporter</p>
</div>
</nav>
<div class="main_container">
<div class="page-title">
<div class="tags">
</div>
<h1>Feature:
<small>Validations: JSON manipulation</small>
</h1>
<p>
<strong>Description: </strong> Testing JSON object key deletion, extraction and general manipulation </p>
<p><strong>File name:</strong>
json.feature
</p>
<p><strong>Relative path:</strong>
features/json.feature</p>
</div>
<div class="clearfix"></div>
<div class="row">
<div class="col-md-8 col-xs-12">
<div class="x_panel fixed_height_320">
<div class="x_title">
<h2>Scenarios</h2>
<ul class="nav navbar-right panel_toolbox">
<li>
<a class="collapse-link">
<i class="fa fa-chevron-up"></i>
</a>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="x_content">
<table class="chart">
<tr>
<th>
<p>Chart</p>
</th>
<th>
<div class="col-lg-7 col-md-7 col-sm-7 col-xs-7">
<p class="">Status</p>
</div>
<div class="col-lg-5 col-md-5 col-sm-5 col-xs-5">
<p class="" style="float:right;">Progress</p>
</div>
</th>
</tr>
<tr>
<td class="chart">
<canvas id="scenario-chart"></canvas>
<div class="total">12</div>
</td>
<td>
<table class="tile_info">
<tr>
<td>
<p data-toggle="tooltip" data-placement="left" title="Scenario passed">
<i class="fa fa-check-circle passed-color"></i>
Passed
</p>
</td>
<td class="percentage">100.00 %</td>
</tr>
<tr>
<td>
<p data-toggle="tooltip" data-placement="left" title="Scenario failed">
<i class="fa fa-exclamation-circle failed-color"></i>
Failed
</p>
</td>
<td class="percentage">0.00 %</td>
</tr>
</table>
</td>
</tr>
<tr>
<th> Total duration:</th>
<tr><td>00:00:00.005</td></tr>
</tr>
</table>
</div>
</div>
</div>
<div class="col-md-4 col-xs-12">
<div class="x_panel fixed_height_320">
<div class="x_title">
<h2>Metadata</h2>
<ul class="nav navbar-right panel_toolbox">
<li>
<a class="collapse-link">
<i class="fa fa-chevron-up"></i>
</a>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="x_content">
<div class="dashboard-widget-content">
<ul class="quick-list">
<li>
<span class="meta-data-title">
<i class="fa fa-desktop fa-lg"></i>
<i class="fa fa-mobile fa-lg"></i>
</span>
<span class="meta-data-data">
<i class="fa fa-desktop fa-lg">
<span>desktop</span>
</i>
</span>
</li>
<li>
<span class="meta-data-title">Device</span>
<span class="meta-data-data">RISM-FWQR0M02</span>
</li>
<li>
<span class="meta-data-title">OS</span>
<span class="meta-data-data">
<i class="fa fa-apple fa-lg">
<span>apple</span>
</i>
23.6.0
</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="dropdown pull-right dropup" >
<button class="btn btn-info dropdown-toggle btn-sm" type="button" data-toggle="dropdown" style="margin-bottom: 15px;">
Filter By<span class="caret" style="margin-left: 5px"></span></button>
<ul class="dropdown-menu">
<li> <a id="passed" href="javascript:void(0)" onclick="hideResult(this.id)">Passed
<i class="fa fa-check-circle passed-color filter-i"></i></a>
</li>
<li> <a id="failed" href="javascript:void(0)" onclick="hideResult(this.id)">Failed
<i class="fa fa-exclamation-circle failed-color filter-i"></i></a>
</li>
<li> <a id="pending" href="javascript:void(0)" onclick="hideResult(this.id)">Pending
<i class="fa fa-minus-circle pending-color filter-i"></i></a>
</li>
<li> <a id="skipped" href="javascript:void(0)" onclick="hideResult(this.id)">Skipped
<i class="fa fa-arrow-circle-right fa skipped-color filter-i"></i></a>
</li>
<li> <a id="not-defined" href="javascript:void(0)" onclick="hideResult(this.id)">Not Defined
<i class="fa fa-question-circle not-defined-color filter-i"></i></a>
</li>
<li> <a id="ambiguous" href="javascript:void(0)" onclick="hideResult(this.id)">Ambiguous
<i class="fa fa-flash ambiguous-color filter-i"></i></a>
</li>
<li class="divider"></li>
<li> <a id="clear" href="javascript:void(0)"onclick="showAll()">Clear
<i class="fa fa-times-circle"></i></a>
</li>
</ul>
</div>
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel" style="height: auto;">
<div class="x_title">
<div class="tags">
</div>
<h2>Scenario: <small>Readme simple extract Example</small></h2>
<ul class="nav navbar-right panel_toolbox">
<li>
<a class="collapse-link"><i class="fa fa-chevron-down"></i></a>
</li>
<li>
<span class="step passed-background" data-toggle="tooltip" title="Scenario passed">8</span>
</li>
<li>
<span style="font-size:1.2em"> Duration:</span>
<span style=padding-right:5em>00:00:00.001</span>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="x_content" style="display: none;">
<div class="scenario-step-container"></div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">When </span>
set "directory" to "./test"
<span class="duration">00:00:00.000</span>
</div>
<a href="#info0-1-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info0-1-text" class="scenario-step-collapse collapse">
<pre class=info>v*�r�+��^�</pre>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">When </span>
set "response" to
<span class="duration">00:00:00.000</span>
</div>
<a href="#info0-2-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info0-2-text" class="scenario-step-collapse collapse">
<pre class=info>��)�{ z��˛��* z�.lJ뢰�u�u�[.lJ뢳 �Ơx�h��n�����ު�y�hz���b���</pre>
</div>
<div class="scenario-scroll-bar">
</div>
<pre class="info">{
"error": {
"subErrorCodes": [
{
"subErrorCode": 1101,
"subErrorMessage": "Phone Number is required"
}
]
},
"doesnotexist": null
}</pre>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">When </span>
JSON key "subErrorCodes" is extracted from "response.error"
<span class="duration">00:00:00.000</span>
</div>
<a href="#info0-3-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info0-3-text" class="scenario-step-collapse collapse">
<pre class=info>��-F�칱+��¡�Ml��+���z����w��fޮ++z����</pre>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">When </span>
JSON key "doesnotexist" is extracted from "response.error"
<span class="duration">00:00:00.000</span>
</div>
<a href="#info0-4-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info0-4-text" class="scenario-step-collapse collapse">
<pre class=info></pre>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">When </span>
set "Data" to
<span class="duration">00:00:00.000</span>
</div>
<a href="#info0-5-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info0-5-text" class="scenario-step-collapse collapse">
<pre class=info>
�Zi�i���jv�</pre>
</div>
<div class="scenario-scroll-bar">
</div>
<pre class="info">{
"a": "apple",
"b": "banana"
}</pre>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">Then </span>
element "a" exists in item "Data"
<span class="duration">00:00:00.000</span>
</div>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">When </span>
JSON key "a" is extracted from "Data"
<span class="duration">00:00:00.000</span>
</div>
<a href="#info0-7-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info0-7-text" class="scenario-step-collapse collapse">
<pre class=info>��-F�ڦ�^</pre>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">Then </span>
it is equal to "apple"
<span class="duration">00:00:00.000</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel" style="height: auto;">
<div class="x_title">
<div class="tags">
</div>
<h2>Scenario: <small>Readme simple removal Example</small></h2>
<ul class="nav navbar-right panel_toolbox">
<li>
<a class="collapse-link"><i class="fa fa-chevron-down"></i></a>
</li>
<li>
<span class="step passed-background" data-toggle="tooltip" title="Scenario passed">8</span>
</li>
<li>
<span style="font-size:1.2em"> Duration:</span>
<span style=padding-right:5em>00:00:00.001</span>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="x_content" style="display: none;">
<div class="scenario-step-container"></div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">When </span>
set "directory" to "./test"
<span class="duration">00:00:00.000</span>
</div>
<a href="#info1-1-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info1-1-text" class="scenario-step-collapse collapse">
<pre class=info>v*�r�+��^�</pre>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">When </span>
set "Data" to
<span class="duration">00:00:00.000</span>
</div>
<a href="#info1-2-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info1-2-text" class="scenario-step-collapse collapse">
<pre class=info>
�Zi�i���jv�</pre>
</div>
<div class="scenario-scroll-bar">
</div>
<pre class="info">{
"a": "apple",
"b": "banana"
}</pre>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">And </span>
elements '["a", "b"]' exist in item "Data"
<span class="duration">00:00:00.000</span>
</div>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">And </span>
elements 'a, b' exist in item "Data"
<span class="duration">00:00:00.000</span>
</div>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">When </span>
JSON key "a" is removed from "Data"
<span class="duration">00:00:00.000</span>
</div>
<a href="#info1-5-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info1-5-text" class="scenario-step-collapse collapse">
<pre class=info>��-F��m�ڝ</pre>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">Then </span>
"${Data.b}" is equal to "banana"
<span class="duration">00:00:00.000</span>
</div>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">And </span>
element "a" does not exist in item "Data"
<span class="duration">00:00:00.000</span>
</div>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">And </span>
elements '[c,d]' do not exist in item "Data"
<span class="duration">00:00:00.000</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel" style="height: auto;">
<div class="x_title">
<div class="tags">
</div>
<h2>Scenario: <small>JSON Key Deletion</small></h2>
<ul class="nav navbar-right panel_toolbox">
<li>
<a class="collapse-link"><i class="fa fa-chevron-down"></i></a>
</li>
<li>
<span class="step passed-background" data-toggle="tooltip" title="Scenario passed">5</span>
</li>
<li>
<span style="font-size:1.2em"> Duration:</span>
<span style=padding-right:5em>00:00:00.000</span>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="x_content" style="display: none;">
<div class="scenario-step-container"></div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">When </span>
set "directory" to "./test"
<span class="duration">00:00:00.000</span>
</div>
<a href="#info2-1-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info2-1-text" class="scenario-step-collapse collapse">
<pre class=info>v*�r�+��^�</pre>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">When </span>
set "TestJSON" to
<span class="duration">00:00:00.000</span>
</div>
<a href="#info2-2-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info2-2-text" class="scenario-step-collapse collapse">
<pre class=info>M�-%#���a���
(�W��i��7��g�� ��M�-u�1�]y�uM�-�x5u��7��)��מ�ǡ�מ�tا�w^z�z�b����M�-M�-�x5M�-�x6M�-�x7</pre>
</div>
<div class="scenario-scroll-bar">
</div>
<pre class="info">{
"url": "http://google.com",
"meh": "Test",
"meh2": "Another Test",
"deepMeh": {
"deep1": "Testing1",
"deep2": "Testing2"
},
"deepMeh2": {
"deep3": "Testing3",
"deep4": "Testing4"
},
"arrayTest": [
"Testing1",
"Testing2",
"Testing3"
]
}</pre>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">And </span>
JSON key "meh" is removed from item "TestJSON"
<span class="duration">00:00:00.000</span>
</div>
<a href="#info2-3-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info2-3-text" class="scenario-step-collapse collapse">
<pre class=info>��-F��Xm����� ��(�g�� ��M�-u�1�]y�uM�-�x5u��7��)��מ�ǡ�מ�tا�w^z�z�b����M�-M�-�x5M�-�x6M�-�x7</pre>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">And </span>
set "lastRun" to item "TestJSON"
<span class="duration">00:00:00.000</span>
</div>
<a href="#info2-4-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info2-4-text" class="scenario-step-collapse collapse">
<pre class=info>��-F��Xm����� ��(�g�� ��M�-u�1�]y�uM�-�x5u��7��)��מ�ǡ�מ�tا�w^z�z�b����M�-M�-�x5M�-�x6M�-�x7</pre>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">And </span>
JSON key "deepMeh.deep1" is removed from it
<span class="duration">00:00:00.000</span>
</div>
<a href="#info2-5-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info2-5-text" class="scenario-step-collapse collapse">
<pre class=info>��-F��Xm����� ��(�g�� ��M�-u�1�]y�vM�-�x6u�1�vu��7��)��מ��ا������z�Sz�b�
Sz�b�
�z�b�
</pre>
</div>
</div>
</div>
</div>
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel" style="height: auto;">
<div class="x_title">
<div class="tags">
</div>
<h2>Scenario: <small>JSON Key Extraction</small></h2>
<ul class="nav navbar-right panel_toolbox">
<li>
<a class="collapse-link"><i class="fa fa-chevron-down"></i></a>
</li>
<li>
<span class="step passed-background" data-toggle="tooltip" title="Scenario passed">10</span>
</li>
<li>
<span style="font-size:1.2em"> Duration:</span>
<span style=padding-right:5em>00:00:00.000</span>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="x_content" style="display: none;">
<div class="scenario-step-container"></div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">When </span>
set "directory" to "./test"
<span class="duration">00:00:00.000</span>
</div>
<a href="#info3-1-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info3-1-text" class="scenario-step-collapse collapse">
<pre class=info>v*�r�+��^�</pre>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">When </span>
set "TestJSON" to
<span class="duration">00:00:00.000</span>
</div>
<a href="#info3-2-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info3-2-text" class="scenario-step-collapse collapse">
<pre class=info>M�-%#���a���
(�W��i��7��g�� ��M�-u�1�]y�uM�-�x5u��7��)��מ�ǡ�מ�tا�w^z�z�b����M�-M�-�x5M�-�x6M�-�x7</pre>
</div>
<div class="scenario-scroll-bar">
</div>
<pre class="info">{
"url": "http://google.com",
"meh": "Test",
"meh2": "Another Test",
"deepMeh": {
"deep1": "Testing1",
"deep2": "Testing2"
},
"deepMeh2": {
"deep3": "Testing3",
"deep4": "Testing4"
},
"arrayTest": [
"Testing1",
"Testing2",
"Testing3"
]
}</pre>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">When </span>
set "newJSON" to item "TestJSON"
<span class="duration">00:00:00.000</span>
</div>
<a href="#info3-3-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info3-3-text" class="scenario-step-collapse collapse">
<pre class=info>�� H�n�Xm����� ��(�g�M�-��vz-���z�]y�Lz^z�Sz�b�
]y�vM�-�x6u�1�vu��7��)��מ��ا������z�Sz�b�
Sz�b�
�z�b�
</pre>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">When </span>
JSON key "arrayTest[0]" is extracted from item "newJSON"
<span class="duration">00:00:00.000</span>
</div>
<a href="#info3-4-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info3-4-text" class="scenario-step-collapse collapse">
<pre class=info>��-F��z�b�
</pre>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">When </span>
JSON key "deepMeh" is extracted from item "TestJSON"
<span class="duration">00:00:00.000</span>
</div>
<a href="#info3-5-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info3-5-text" class="scenario-step-collapse collapse">
<pre class=info>��-F��y�uM�-�x5u��7��)�</pre>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">And </span>
JSON keys '["meh","deepMeh","deepMeh2.deep3", "arrayTest"]' are extracted from item "TestJSON"
<span class="duration">00:00:00.000</span>
</div>
<a href="#info3-6-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info3-6-text" class="scenario-step-collapse collapse">
<pre class=info>��-F��z�^z� �מ�Tا�W^z��z�b�
�y�Lz �y�wM�-�x7j���7��7��)��7��)��7��)�</pre>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">And </span>
JSON key "deep2" is extracted from it
<span class="duration">00:00:00.000</span>
</div>
<a href="#info3-7-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info3-7-text" class="scenario-step-collapse collapse">
<pre class=info></pre>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">And </span>
JSON keys 'meh,deepMeh,deepMeh2.deep3, arrayTest]' are extracted from item "TestJSON"
<span class="duration">00:00:00.000</span>
</div>
<a href="#info3-8-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info3-8-text" class="scenario-step-collapse collapse">
<pre class=info>��-F��z�^z� �מ�Tا�W^z��z�b�
�y�Lz �y�wM�-�x7j���7��7��)��7��)��7��)�</pre>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">And </span>
set "expected" to
<span class="duration">00:00:00.000</span>
</div>
<a href="#info3-9-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info3-9-text" class="scenario-step-collapse collapse">
<pre class=info>{^rם��Sz�]y�Lz^z�Sz�b�
]y�vM�-�x6u�1�vu��7��)�ݪ�k$�ا�Tا�dا�</pre>
</div>
<div class="scenario-scroll-bar">
</div>
<pre class="info">{
"meh": "Test",
"deepMeh": {
"deep1": "Testing1",
"deep2": "Testing2"
},
"deepMeh2": {
"deep3": "Testing3"
},
"arrayTest": [
"Testing1",
"Testing2",
"Testing3"
]
}</pre>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">Then </span>
item "expected" is equal to item "lastRun"
<span class="duration">00:00:00.000</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel" style="height: auto;">
<div class="x_title">
<div class="tags">
</div>
<h2>Scenario: <small>JSON Key Lowercase</small></h2>
<ul class="nav navbar-right panel_toolbox">
<li>
<a class="collapse-link"><i class="fa fa-chevron-down"></i></a>
</li>
<li>
<span class="step passed-background" data-toggle="tooltip" title="Scenario passed">4</span>
</li>
<li>
<span style="font-size:1.2em"> Duration:</span>
<span style=padding-right:5em>00:00:00.000</span>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="x_content" style="display: none;">
<div class="scenario-step-container"></div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">When </span>
set "directory" to "./test"
<span class="duration">00:00:00.000</span>
</div>
<a href="#info4-1-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info4-1-text" class="scenario-step-collapse collapse">
<pre class=info>v*�r�+��^�</pre>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">When </span>
set "data" to:
<span class="duration">00:00:00.000</span>
</div>
<a href="#info4-2-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info4-2-text" class="scenario-step-collapse collapse">
<pre class=info>u�ZjZ�iܥ���� � i����W�0jv�h(Z�W�
�(��G��ڭ�r</pre>
</div>
<div class="scenario-scroll-bar">
</div>
<pre class="info">{
"alreadylower": "lower",
"Alpha": "apple",
"BETA": "Banana",
"Charley": {
"Coconut": "Hierarchy"
}
}</pre>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">When </span>
make json keys for item "data" lower case
<span class="duration">00:00:00.000</span>
</div>
<a href="#info4-3-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info4-3-text" class="scenario-step-collapse collapse">
<pre class=info>jZ�iܥ���� ��i����W�zցjv�i�Z�W�r�(��G��ڭ�r</pre>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">Then </span>
item "data" is equal to:
<span class="duration">00:00:00.000</span>
</div>
</div>
<div class="scenario-scroll-bar">
</div>
<pre class="info">{
"alreadylower": "lower",
"alpha": "apple",
"beta": "Banana",
"charley": {
"coconut": "Hierarchy"
}
}</pre>
</div>
</div>
</div>
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel" style="height: auto;">
<div class="x_title">
<div class="tags">
</div>
<h2>Scenario: <small>JSON Key Lowercase</small></h2>
<ul class="nav navbar-right panel_toolbox">
<li>
<a class="collapse-link"><i class="fa fa-chevron-down"></i></a>
</li>
<li>
<span class="step passed-background" data-toggle="tooltip" title="Scenario passed">4</span>
</li>
<li>
<span style="font-size:1.2em"> Duration:</span>
<span style=padding-right:5em>00:00:00.000</span>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="x_content" style="display: none;">
<div class="scenario-step-container"></div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">When </span>
set "directory" to "./test"
<span class="duration">00:00:00.000</span>
</div>
<a href="#info5-1-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info5-1-text" class="scenario-step-collapse collapse">
<pre class=info>v*�r�+��^�</pre>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">When </span>
set "data" to:
<span class="duration">00:00:00.000</span>
</div>
<a href="#info5-2-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info5-2-text" class="scenario-step-collapse collapse">
<pre class=info>u�ZZai�i��DL Z���
��육�'�</pre>
</div>
<div class="scenario-scroll-bar">
</div>
<pre class="info">{
"Alpha": "apple",
"BETA": "Banana",
"Charley": "coconut"
}</pre>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">When </span>
make json keys for item "data" lower case
<span class="duration">00:00:00.000</span>
</div>
<a href="#info5-3-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info5-3-text" class="scenario-step-collapse collapse">
<pre class=info>jZai�i���Z���r��육�'�</pre>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">Then </span>
item "data" is equal to:
<span class="duration">00:00:00.000</span>
</div>
</div>
<div class="scenario-scroll-bar">
</div>
<pre class="info">{
"alpha": "apple",
"beta": "Banana",
"charley": "coconut"
}</pre>
</div>
</div>
</div>
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel" style="height: auto;">
<div class="x_title">
<div class="tags">
</div>
<h2>Scenario: <small>JSON Numberify</small></h2>
<ul class="nav navbar-right panel_toolbox">
<li>
<a class="collapse-link"><i class="fa fa-chevron-down"></i></a>
</li>
<li>
<span class="step passed-background" data-toggle="tooltip" title="Scenario passed">4</span>
</li>
<li>
<span style="font-size:1.2em"> Duration:</span>
<span style=padding-right:5em>00:00:00.000</span>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="x_content" style="display: none;">
<div class="scenario-step-container"></div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">When </span>
set "directory" to "./test"
<span class="duration">00:00:00.000</span>
</div>
<a href="#info6-1-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info6-1-text" class="scenario-step-collapse collapse">
<pre class=info>v*�r�+��^�</pre>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">When </span>
set "data" to:
<span class="duration">00:00:00.000</span>
</div>
<a href="#info6-2-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info6-2-text" class="scenario-step-collapse collapse">
<pre class=info>u�ZZak]��Z�Z�mx�^�����&{�(�Сj�^�(Z�W��mx砡j�^���ۏCz[Z�m</pre>
</div>
<div class="scenario-scroll-bar">
</div>
<pre class="info">{
"Alpha": "123",
"Beta": {
"Beta_21": "456",
"Beta_22": "some_word"
},
"Charley": {
"Charley_21": "45.6",
"Charley_22": 24.9
},
"Delta": "1.2.3"
}</pre>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">When </span>
json item "data" is numberifyed
<span class="duration">00:00:00.000</span>
</div>
<a href="#info6-3-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info6-3-text" class="scenario-step-collapse collapse">
<pre class=info>Zak]��Z�Z�mx�^�����&{�(�Сj�^�(Z�W��mx砡j�^���ۏCz[Z�m</pre>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">Then </span>
item "data" is equal to:
<span class="duration">00:00:00.000</span>
</div>
</div>
<div class="scenario-scroll-bar">
</div>
<pre class="info">{
"Alpha": 123,
"Beta": {
"Beta_21": 456,
"Beta_22": "some_word"
},
"Charley": {
"Charley_21": 45.6,
"Charley_22": 24.9
},
"Delta": "1.2.3"
}</pre>
</div>
</div>
</div>
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel" style="height: auto;">
<div class="x_title">
<div class="tags">
</div>
<h2>Scenario: <small>JSON Trim</small></h2>
<ul class="nav navbar-right panel_toolbox">
<li>
<a class="collapse-link"><i class="fa fa-chevron-down"></i></a>
</li>
<li>
<span class="step passed-background" data-toggle="tooltip" title="Scenario passed">4</span>
</li>
<li>
<span style="font-size:1.2em"> Duration:</span>
<span style=padding-right:5em>00:00:00.000</span>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="x_content" style="display: none;">
<div class="scenario-step-container"></div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">When </span>
set "directory" to "./test"
<span class="duration">00:00:00.000</span>
</div>
<a href="#info7-1-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info7-1-text" class="scenario-step-collapse collapse">
<pre class=info>v*�r�+��^�</pre>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">When </span>
set "data" to:
<span class="duration">00:00:00.000</span>
</div>
<a href="#info7-2-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info7-2-text" class="scenario-step-collapse collapse">
<pre class=info>u�ZZah i����ex�!��^���jv�k�j�^�*Zq��� �اm�py��l
�mh7���������zƭ��z��)�jw^�֫z�����
�mk���*����X�z�</pre>
</div>
<div class="scenario-scroll-bar">
</div>
<pre class="info">{
"Alpha": {
"Alpha_2": "Apple "
},
"John": 5,
"Beta": "_Banana_",
"Charley": "Spaces are kept in between words",
"Delta": {
"Delta_21": " But spaces at the beginning and end are removed ",
"Delta_22": "\nSo are new lines\n"
}
}</pre>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">When </span>
json item "data" is trimmed
<span class="duration">00:00:00.000</span>
</div>
<a href="#info7-3-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info7-3-text" class="scenario-step-collapse collapse">
<pre class=info>Zah i����ex�!��^���jv�k�j�^�*Zq��� �اm�py��l
�mh7���������zƭ��z��)�jw^�֫z�����
�mk��J��zw��)�</pre>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">Then </span>
item "data" is equal to:
<span class="duration">00:00:00.000</span>
</div>
</div>
<div class="scenario-scroll-bar">
</div>
<pre class="info">{
"Alpha": {
"Alpha_2": "Apple"
},
"John": 5,
"Beta": "_Banana_",
"Charley": "Spaces are kept in between words",
"Delta": {
"Delta_21": "But spaces at the beginning and end are removed",
"Delta_22": "So are new lines"
}
}</pre>
</div>
</div>
</div>
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel" style="height: auto;">
<div class="x_title">
<div class="tags">
</div>
<h2>Scenario: <small>JSON Flatten</small></h2>
<ul class="nav navbar-right panel_toolbox">
<li>
<a class="collapse-link"><i class="fa fa-chevron-down"></i></a>
</li>
<li>
<span class="step passed-background" data-toggle="tooltip" title="Scenario passed">4</span>
</li>
<li>
<span style="font-size:1.2em"> Duration:</span>
<span style=padding-right:5em>00:00:00.000</span>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="x_content" style="display: none;">
<div class="scenario-step-container"></div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">When </span>
set "directory" to "./test"
<span class="duration">00:00:00.000</span>
</div>
<a href="#info8-1-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info8-1-text" class="scenario-step-collapse collapse">
<pre class=info>v*�r�+��^�</pre>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">When </span>
set "data" to:
<span class="duration">00:00:00.000</span>
</div>
<a href="#info8-2-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info8-2-text" class="scenario-step-collapse collapse">
<pre class=info>u�ZZah i����ex�h�jv����{ �j�^������{/�
�(��Cz[Z
�mk����j}Cz[Z�m�����</pre>
</div>
<div class="scenario-scroll-bar">
</div>
<pre class="info">{
"Alpha": {
"Alpha_2": "Apple"
},
"Beta": "Banana",
"Charley": {
"Charley_2": {
"Charley_3": "Coconut"
}
},
"Delta": {
"Delta_21": "Durian1",
"Delta_22": "Durian2"
}
}</pre>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">When </span>
json item "data" is flattened
<span class="duration">00:00:00.000</span>
</div>
<a href="#info8-3-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info8-3-text" class="scenario-step-collapse collapse">
<pre class=info>Zak����^�Z�ڝ��j�^��¡�'��ޖֿ�P�&��7�����;����</pre>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">Then </span>
item "data" is equal to:
<span class="duration">00:00:00.000</span>
</div>
</div>
<div class="scenario-scroll-bar">
</div>
<pre class="info">{
"Alpha_2": "Apple",
"Beta": "Banana",
"Charley_3": "Coconut",
"Delta_21": "Durian1",
"Delta_22": "Durian2"
}</pre>
</div>
</div>
</div>
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel" style="height: auto;">
<div class="x_title">
<div class="tags">
</div>
<h2>Scenario: <small>Example for json path</small></h2>
<ul class="nav navbar-right panel_toolbox">
<li>
<a class="collapse-link"><i class="fa fa-chevron-down"></i></a>
</li>
<li>
<span class="step passed-background" data-toggle="tooltip" title="Scenario passed">6</span>
</li>
<li>
<span style="font-size:1.2em"> Duration:</span>
<span style=padding-right:5em>00:00:00.000</span>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="x_content" style="display: none;">
<div class="scenario-step-container"></div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">When </span>
set "directory" to "./test"
<span class="duration">00:00:00.000</span>
</div>
<a href="#info9-1-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info9-1-text" class="scenario-step-collapse collapse">
<pre class=info>v*�r�+��^�</pre>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">Given </span>
set "meh" to:
<span class="duration">00:00:00.000</span>
</div>
<a href="#info9-2-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info9-2-text" class="scenario-step-collapse collapse">
<pre class=info>��n�Xm����� ��(���k$�ا�Tا�dا�</pre>
</div>
<div class="scenario-scroll-bar">
</div>
<pre class="info">{
"url": "http://google.com",
"arrayTest": [
"Testing1",
"Testing2",
"Testing3"
]
}</pre>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">And </span>
set "expected" to:
<span class="duration">00:00:00.000</span>
</div>
<a href="#info9-3-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info9-3-text" class="scenario-step-collapse collapse">
<pre class=info>{^rם��g�YZ���M�-M�-�x5M�-�x6M�-�x7</pre>
</div>
<div class="scenario-scroll-bar">
</div>
<pre class="info">{
"url": null,
"arrayTest": [
"Testing1",
"Testing2",
"Testing3"
]
}</pre>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">When </span>
"null" is applied to item "meh" on JSON path "$.url"
<span class="duration">00:00:00.000</span>
</div>
<a href="#info9-4-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info9-4-text" class="scenario-step-collapse collapse">
<pre class=info>��g�YZ���M�-M�-�x5M�-�x6M�-�x7</pre>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">Then </span>
item "expected" is equal to item "meh"
<span class="duration">00:00:00.000</span>
</div>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">When </span>
"" is applied to item "meh" on JSON path "$.url"
<span class="duration">00:00:00.000</span>
</div>
<a href="#info9-6-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info9-6-text" class="scenario-step-collapse collapse">
<pre class=info>��Z���M�-M�-�x5M�-�x6M�-�x7</pre>
</div>
</div>
</div>
</div>
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel" style="height: auto;">
<div class="x_title">
<div class="tags">
</div>
<h2>Scenario: <small>JSON Array Inline Map Example</small></h2>
<ul class="nav navbar-right panel_toolbox">
<li>
<a class="collapse-link"><i class="fa fa-chevron-down"></i></a>
</li>
<li>
<span class="step passed-background" data-toggle="tooltip" title="Scenario passed">8</span>
</li>
<li>
<span style="font-size:1.2em"> Duration:</span>
<span style=padding-right:5em>00:00:00.000</span>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="x_content" style="display: none;">
<div class="scenario-step-container"></div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">When </span>
set "directory" to "./test"
<span class="duration">00:00:00.000</span>
</div>
<a href="#info10-1-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info10-1-text" class="scenario-step-collapse collapse">
<pre class=info>v*�r�+��^�</pre>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">Given </span>
set "myJSON" to:
<span class="duration">00:00:00.000</span>
</div>
<a href="#info10-2-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info10-2-text" class="scenario-step-collapse collapse">
<pre class=info>�"R8֛r�k�x y�v��'���N�h�W��X�{��i親춸���'���N���)��m�� 2ͩ�V�r�k�x y�v��'���N�h�W��H�{��i親춸���'���N���)�㞯� 2ͩ�</pre>
</div>
<div class="scenario-scroll-bar">
</div>
<pre class="info">[
{
"abc": "string",
"def": 123,
"convertToBoolean": 1,
"jkl": null,
"mno": {
"pqr": "string",
"convertToString": 123,
"vwx": 0,
"yza": null
}
},
{
"abc": "string",
"def": 123,
"convertToBoolean": 0,
"jkl": null,
"mno": {
"pqr": "string",
"convertToString": 456,
"vwx": 0,
"yza": null
}
}
]</pre>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">When </span>
set "myJSON" to "${myJSON.map(item => ({ ...item, convertToBoolean: item.convertToBoolean === 1 }))}"
<span class="duration">00:00:00.000</span>
</div>
<a href="#info10-3-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info10-3-text" class="scenario-step-collapse collapse">
<pre class=info>�"R8֛r�k�x y�v��'���N�h�W����z9%��e�z)��-�)�r��z�S�+k�x5�{��L�j{���ܲ��^]�r��z�S�(��}�lz9%��e�z)��-�)�r��z�S�+k�x8���L�j{�</pre>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">Then </span>
"${myJSON[0].convertToBoolean}" is equal to "true"
<span class="duration">00:00:00.000</span>
</div>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">And </span>
"${myJSON[1].convertToBoolean}" is equal to "false"
<span class="duration">00:00:00.000</span>
</div>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">When </span>
set "myJSON" to "${myJSON.map(item => ({ ...item, mno: { ...item.mno, convertToString: item.mno.convertToString.toString() } }))}"
<span class="duration">00:00:00.000</span>
</div>
<a href="#info10-6-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info10-6-text" class="scenario-step-collapse collapse">
<pre class=info>�"R8֛r�k�x y�v��'���N�h�W����z9%��e�z)��-�)�r��z�S�+k�x5�{��L�j{���ܲ��^]�r��z�S�(��}�lz9%��e�z)��-�)�r��z�S�+k�x8���L�j{�</pre>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">Then </span>
"${myJSON[0].mno.convertToString}" is equal to "123"
<span class="duration">00:00:00.000</span>
</div>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">And </span>
"${myJSON[1].mno.convertToString}" is equal to "456"
<span class="duration">00:00:00.000</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel" style="height: auto;">
<div class="x_title">
<div class="tags">
</div>
<h2>Scenario: <small>JSON Apply Example</small></h2>
<ul class="nav navbar-right panel_toolbox">
<li>
<a class="collapse-link"><i class="fa fa-chevron-down"></i></a>
</li>
<li>
<span class="step passed-background" data-toggle="tooltip" title="Scenario passed">5</span>
</li>
<li>
<span style="font-size:1.2em"> Duration:</span>
<span style=padding-right:5em>00:00:00.000</span>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="x_content" style="display: none;">
<div class="scenario-step-container"></div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">When </span>
set "directory" to "./test"
<span class="duration">00:00:00.000</span>
</div>
<a href="#info11-1-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info11-1-text" class="scenario-step-collapse collapse">
<pre class=info>v*�r�+��^�</pre>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">Given </span>
set "body" to:
<span class="duration">00:00:00.000</span>
</div>
<a href="#info11-2-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info11-2-text" class="scenario-step-collapse collapse">
<pre class=info>n�rjZaj�k�xzֵ�~9�</pre>
</div>
<div class="scenario-scroll-bar">
</div>
<pre class="info">{
"alpha": "string",
"beta": "1234567"
}</pre>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">And </span>
"1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111115467" is applied to item "body" on JSON path "$.beta"
<span class="duration">00:00:00.000</span>
</div>
<a href="#info11-3-text" data-toggle="collapse">+ Show Info</a>
</div>
<div id="info11-3-text" class="scenario-step-collapse collapse">
<pre class=info>jZaj�k�xzֵ�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]u�]y�</pre>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">Then </span>
"${body.alpha}" is equal to "string"
<span class="duration">00:00:00.000</span>
</div>
</div>
<div class="scenario-step-container">
<div class="label" title="Success">
<i class="fa fa-check-circle fa-2x passed-color" data-toggle="tooltip" data-placement="top" title="Step passed"></i>
</div>
<div class="text">
<span class="keyword highlight">And </span>
"${body.beta}" is equal to "1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111115467"
<span class="duration">00:00:00.000</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="created-by">
<p>Created by wswebcreation. Find me on:</p>
<a href="http://www.wswebcreation.nl/" target="_blank"><i class="fa fa-rss-square fa-2x"></i></a>
<a href="https://github.com/wswebcreation/" target="_blank"><i class="fa fa-github-square fa-2x"></i></a>
<a href="http://nl.linkedin.com/in/wimselles" target="_blank"><i class="fa fa-linkedin-square fa-2x"></i></a>
<a href="http://stackoverflow.com/users/5911978/wswebcreation" target="_blank"><i class="fa fa-stack-overflow fa-2x"></i></a>
</div>
<script src="../assets/js/jquery-3.2.1.min.js"></script>
<script src="../assets/js/bootstrap.min.js"></script>
<script src="../assets/js/Chart.min.js"></script>
<!-- Custom -->
<script>
var hideResult;
var showAll;
$(document).ready(function () {
var scenarioOptions = {
legend: false,
responsive: false
};
var getColor = function(selector, defaultColor) {
if (document.querySelector(selector)) {
return getComputedStyle(document.querySelector(selector)).color
}
return defaultColor
}
new Chart(document.getElementById("scenario-chart"), {
type: 'doughnut',
tooltipFillColor: "rgba(51, 51, 51, 0.55)",
data: {
labels: [
"Passed",
"Failed",
"Pending",
"Skipped",
"Ambiguous",
"Not defined"
],
datasets: [{
data: [
12,
0,
0,
0,
0,
0
],
backgroundColor: [
getColor(".passed-color", "#26B99A"),
getColor(".failed-color", "#E74C3C"),
getColor(".pending-color", "#FFD119"),
getColor(".skipped-color", "#3498DB"),
getColor(".ambiguous-color", "#b73122"),
getColor(".not-defined-color", "#F39C12")
]
}]
},
options: scenarioOptions
});
$('.x_title').on('click', function () {
var $BOX_PANEL = $(this).closest('.x_panel'),
$ICON = $(this).find('.collapse-link i'),
$BOX_CONTENT = $BOX_PANEL.find('.x_content');
// fix for some div with hardcoded fix class
if ($BOX_PANEL.attr('style')) {
$BOX_CONTENT.slideToggle(200, function () {
$BOX_PANEL.removeAttr('style');
});
} else {
$BOX_CONTENT.slideToggle(200);
$BOX_PANEL.css('height', 'auto');
}
$ICON.toggleClass('fa-chevron-up fa-chevron-down');
});
$('body').tooltip({
selector: '[data-toggle="tooltip"]'
});
hideResult = (resultId) => {
$('span[class*=step]').closest('div.x_panel[style]').hide();
$('span[class*=' + resultId + ']').closest('div.x_panel[style]').show();
}
showAll = () => {
$('span[class*=step]').closest('div.x_panel[style]').show();
}
$(document).ready(() => {
const status = ['passed', 'failed', 'pending', 'skipped', 'ambiguous', 'not-defined']
status.forEach(value => {
var menuItem = $('span[class*=' + value + '-background]');
if (menuItem.length === 0) {
$('#' + value).parent().addClass('disabled');
}
})
});
});
</script>
</body>
</html>