Commit 757ab627 authored by Mohamad Bashar Desoki's avatar Mohamad Bashar Desoki

Update Load Test Results

parent 257150ac
/*
Licensed to the Apache Software Foundation (ASF) under one or more
contributor license agreements. See the NOTICE file distributed with
this work for additional information regarding copyright ownership.
The ASF licenses this file to You under the Apache License, Version 2.0
(the "License"); you may not use this file except in compliance with
the License. You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/
var showControllersOnly = false;
var seriesFilter = "";
var filtersOnlySampleSeries = true;
/*
* Add header in statistics table to group metrics by category
* format
*
*/
function summaryTableHeader(header) {
var newRow = header.insertRow(-1);
newRow.className = "tablesorter-no-sort";
var cell = document.createElement('th');
cell.setAttribute("data-sorter", false);
cell.colSpan = 1;
cell.innerHTML = "Requests";
newRow.appendChild(cell);
cell = document.createElement('th');
cell.setAttribute("data-sorter", false);
cell.colSpan = 3;
cell.innerHTML = "Executions";
newRow.appendChild(cell);
cell = document.createElement('th');
cell.setAttribute("data-sorter", false);
cell.colSpan = 7;
cell.innerHTML = "Response Times (ms)";
newRow.appendChild(cell);
cell = document.createElement('th');
cell.setAttribute("data-sorter", false);
cell.colSpan = 1;
cell.innerHTML = "Throughput";
newRow.appendChild(cell);
cell = document.createElement('th');
cell.setAttribute("data-sorter", false);
cell.colSpan = 2;
cell.innerHTML = "Network (KB/sec)";
newRow.appendChild(cell);
}
/*
* Populates the table identified by id parameter with the specified data and
* format
*
*/
function createTable(table, info, formatter, defaultSorts, seriesIndex, headerCreator) {
var tableRef = table[0];
// Create header and populate it with data.titles array
var header = tableRef.createTHead();
// Call callback is available
if(headerCreator) {
headerCreator(header);
}
var newRow = header.insertRow(-1);
for (var index = 0; index < info.titles.length; index++) {
var cell = document.createElement('th');
cell.innerHTML = info.titles[index];
newRow.appendChild(cell);
}
var tBody;
// Create overall body if defined
if(info.overall){
tBody = document.createElement('tbody');
tBody.className = "tablesorter-no-sort";
tableRef.appendChild(tBody);
var newRow = tBody.insertRow(-1);
var data = info.overall.data;
for(var index=0;index < data.length; index++){
var cell = newRow.insertCell(-1);
cell.innerHTML = formatter ? formatter(index, data[index]): data[index];
}
}
// Create regular body
tBody = document.createElement('tbody');
tableRef.appendChild(tBody);
var regexp;
if(seriesFilter) {
regexp = new RegExp(seriesFilter, 'i');
}
// Populate body with data.items array
for(var index=0; index < info.items.length; index++){
var item = info.items[index];
if((!regexp || filtersOnlySampleSeries && !info.supportsControllersDiscrimination || regexp.test(item.data[seriesIndex]))
&&
(!showControllersOnly || !info.supportsControllersDiscrimination || item.isController)){
if(item.data.length > 0) {
var newRow = tBody.insertRow(-1);
for(var col=0; col < item.data.length; col++){
var cell = newRow.insertCell(-1);
cell.innerHTML = formatter ? formatter(col, item.data[col]) : item.data[col];
}
}
}
}
// Add support of columns sort
table.tablesorter({sortList : defaultSorts});
}
$(document).ready(function() {
// Customize table sorter default options
$.extend( $.tablesorter.defaults, {
theme: 'blue',
cssInfoBlock: "tablesorter-no-sort",
widthFixed: true,
widgets: ['zebra']
});
var data = {"OkPercent": 99.95593967124216, "KoPercent": 0.044060328757837657};
var dataset = [
{
"label" : "FAIL",
"data" : data.KoPercent,
"color" : "#FF6347"
},
{
"label" : "PASS",
"data" : data.OkPercent,
"color" : "#9ACD32"
}];
$.plot($("#flot-requests-summary"), dataset, {
series : {
pie : {
show : true,
radius : 1,
label : {
show : true,
radius : 3 / 4,
formatter : function(label, series) {
return '<div style="font-size:8pt;text-align:center;padding:2px;color:white;">'
+ label
+ '<br/>'
+ Math.round10(series.percent, -2)
+ '%</div>';
},
background : {
opacity : 0.5,
color : '#000'
}
}
}
},
legend : {
show : true
}
});
// Creates APDEX table
createTable($("#apdexTable"), {"supportsControllersDiscrimination": true, "overall": {"data": [0.30316895441450603, 500, 1500, "Total"], "isController": false}, "titles": ["Apdex", "T (Toleration threshold)", "F (Frustration threshold)", "Label"], "items": [{"data": [0.30316895441450603, 500, 1500, "HTTP Request"], "isController": false}]}, function(index, item){
switch(index){
case 0:
item = item.toFixed(3);
break;
case 1:
case 2:
item = formatDuration(item);
break;
}
return item;
}, [[0, 0]], 3);
// Create statistics table
createTable($("#statisticsTable"), {"supportsControllersDiscrimination": true, "overall": {"data": ["Total", 29505, 13, 0.044060328757837657, 7801.814675478764, 5, 39996, 4788.0, 16162.800000000003, 17049.95, 20179.960000000006, 78.58192975166992, 11.055351359003962, 11.894725694832848], "isController": false}, "titles": ["Label", "#Samples", "FAIL", "Error %", "Average", "Min", "Max", "Median", "90th pct", "95th pct", "99th pct", "Transactions/s", "Received", "Sent"], "items": [{"data": ["HTTP Request", 29505, 13, 0.044060328757837657, 7801.814675478764, 5, 39996, 4788.0, 16162.800000000003, 17049.95, 20179.960000000006, 78.58192975166992, 11.055351359003962, 11.894725694832848], "isController": false}]}, function(index, item){
switch(index){
// Errors pct
case 3:
item = item.toFixed(2) + '%';
break;
// Mean
case 4:
// Mean
case 7:
// Median
case 8:
// Percentile 1
case 9:
// Percentile 2
case 10:
// Percentile 3
case 11:
// Throughput
case 12:
// Kbytes/s
case 13:
// Sent Kbytes/s
item = item.toFixed(2);
break;
}
return item;
}, [[0, 0]], 0, summaryTableHeader);
// Create error table
createTable($("#errorsTable"), {"supportsControllersDiscrimination": false, "titles": ["Type of error", "Number of errors", "% in errors", "% in all samples"], "items": [{"data": ["502/Bad Gateway", 13, 100.0, 0.044060328757837657], "isController": false}]}, function(index, item){
switch(index){
case 2:
case 3:
item = item.toFixed(2) + '%';
break;
}
return item;
}, [[1, 1]]);
// Create top5 errors by sampler
createTable($("#top5ErrorsBySamplerTable"), {"supportsControllersDiscrimination": false, "overall": {"data": ["Total", 29505, 13, "502/Bad Gateway", 13, "", "", "", "", "", "", "", ""], "isController": false}, "titles": ["Sample", "#Samples", "#Errors", "Error", "#Errors", "Error", "#Errors", "Error", "#Errors", "Error", "#Errors", "Error", "#Errors"], "items": [{"data": ["HTTP Request", 29505, 13, "502/Bad Gateway", 13, "", "", "", "", "", "", "", ""], "isController": false}]}, function(index, item){
return item;
}, [[0, 0]], 0);
});
This source diff could not be displayed because it is too large. You can view the blob instead.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Apache JMeter Dashboard</title>
<!-- Bootstrap Core CSS -->
<link href="../../sbadmin2-1.0.7/bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- icone onglet -->
<link rel="icon" type="image/png" href="icon-apache.png" />
<!-- MetisMenu CSS -->
<link href="../../sbadmin2-1.0.7/bower_components/metisMenu/dist/metisMenu.min.css" rel="stylesheet">
<!-- Legends CSS -->
<link href="../css/legends.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="../../sbadmin2-1.0.7/dist/css/sb-admin-2.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="../../sbadmin2-1.0.7/bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<!-- JQuery UI style -->
<link href="../css/jquery-ui.min.css" rel="stylesheet">
<link href="../css/jquery-ui.structure.min.css" rel="stylesheet">
<link href="../css/jquery-ui.theme.min.css" rel="stylesheet">
</head>
<body>
<div id="wrapper">
<!-- Navigation -->
<nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="../../index.html">Apache JMeter Dashboard</a>
</div>
<!-- /.navbar-header -->
<div class="navbar-default sidebar" role="navigation">
<div class="sidebar-nav navbar-collapse">
<ul class="nav" id="side-menu">
<li>
<a href="../../index.html"><i class="fa fa-dashboard fa-fw"></i> Dashboard</a>
</li>
<li>
<a href="#"><i class="fa fa-bar-chart-o fa-fw"></i> Charts<span class="fa arrow"></span></a>
<ul class="nav nav-second-level">
<li>
<a href="OverTime.html">Over Time</a>
</li>
<li>
<a href="Throughput.html">Throughput</a>
</li>
<li>
<a href="ResponseTimes.html">Response Times</a>
</li>
</ul>
<!-- /.nav-second-level -->
</li>
<li>
<a href="#"><i class="fa fa-bar-chart-o fa-fw"></i> Customs Graphs<span class="fa arrow"></span></a>
<ul class="nav nav-second-level">
<li>
<a href="CustomsGraphs.html">Over Time<span class="fa arrow"></span></a>
<ul class="nav nav-third-level in" id="submenu">
</ul>
<li>
</ul>
</li>
</ul>
</div>
<!-- /.sidebar-collapse -->
</div>
<!-- /.navbar-static-side -->
</nav>
<div id="page-wrapper">
<div class="row">
<div class="col-lg-12">
<div class="panel panel-default" >
<div class="panel-heading" style="text-align:center;">
<p class="dashboard-title">Test and Report information</p>
</div>
<div class="panel-body">
<table id="generalInfos" class="table table-bordered table-condensed " >
<tr>
<td>File:</td>
<td>"res.csv"</td>
</tr>
<tr>
<td>Start Time:</td>
<td>"10/25/23, 9:55 AM"</td>
</tr>
<tr>
<td>End Time:</td>
<td>"10/25/23, 10:01 AM"</td>
</tr>
<tr>
<td>Filter for display:</td>
<td>""</td>
</tr>
</table>
</div>
</div>
</div>
</div>
<!-- /.row -->
<div class="row" id="graphContainer">
</div>
<!-- /.row -->
</div>
<!-- /#page-wrapper -->
</div>
<!-- /#wrapper -->
<!-- jQuery -->
<script src="../../sbadmin2-1.0.7/bower_components/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="../../sbadmin2-1.0.7/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- Metis Menu Plugin JavaScript -->
<script src="../../sbadmin2-1.0.7/bower_components/metisMenu/dist/metisMenu.min.js"></script>
<!-- Flot Charts JavaScript -->
<script src="../../sbadmin2-1.0.7/bower_components/flot/excanvas.min.js"></script>
<script src="../../sbadmin2-1.0.7/bower_components/flot/jquery.flot.js"></script>
<script src="../../sbadmin2-1.0.7/bower_components/flot/jquery.flot.pie.js"></script>
<script src="../../sbadmin2-1.0.7/bower_components/flot/jquery.flot.resize.js"></script>
<script src="../../sbadmin2-1.0.7/bower_components/flot/jquery.flot.canvas.js"></script>
<script src="../../sbadmin2-1.0.7/bower_components/flot/jquery.flot.navigate.js"></script>
<script src="../../sbadmin2-1.0.7/bower_components/flot/jquery.flot.time.js"></script>
<script src="../../sbadmin2-1.0.7/bower_components/flot/jquery.flot.selection.js"></script>
<script src="../../sbadmin2-1.0.7/bower_components/flot.tooltip/js/jquery.flot.tooltip.min.js"></script>
<script src="../../sbadmin2-1.0.7/bower_components/flot-axislabels/jquery.flot.axislabels.js"></script>
<script src="../js/hashtable.js"></script>
<script src="../js/jquery.numberformatter-1.2.3.min.js"></script>
<script src="../js/curvedLines.js"></script>
<script src="../js/dashboard-commons.js"></script>
<script src="../js/customGraph.js"></script>
<script src="../js/jquery-ui.min.js"></script>
<script src="../../sbadmin2-1.0.7/bower_components/flot/jquery.flot.threshold.js"></script>
<!-- Custom Theme JavaScript -->
<script src="../../sbadmin2-1.0.7/dist/js/sb-admin-2.js"></script>
<script src="../js/jquery.cookie.js"></script>
<script src="../../sbadmin2-1.0.7/bower_components/flot/jquery.flot.symbol.js"></script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Apache JMeter Dashboard</title>
<!-- Bootstrap Core CSS -->
<link href="sbadmin2-1.0.7/bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- MetisMenu CSS -->
<link href="sbadmin2-1.0.7/bower_components/metisMenu/dist/metisMenu.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="sbadmin2-1.0.7/dist/css/sb-admin-2.css" rel="stylesheet">
<!-- Dashboard css -->
<link href="content/css/dashboard.css" rel="stylesheet">
<!-- Table sorter -->
<link href="content/css/theme.blue.css" rel="stylesheet">
<!-- icon -->
<link rel="icon" type="image/png" href="content/pages/icon-apache.png" />
<!-- Custom Fonts -->
<link href="sbadmin2-1.0.7/bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="wrapper">
<nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">Apache JMeter Dashboard</a>
</div>
<div class="navbar-default sidebar" role="navigation">
<div class="sidebar-nav navbar-collapse">
<ul class="nav" id="side-menu">
<li>
<a href="index.html"><i class="fa fa-dashboard fa-fw"></i> Dashboard</a>
</li>
<li>
<a href="#"><i class="fa fa-bar-chart-o fa-fw"></i> Charts<span class="fa arrow"></span></a>
<ul class="nav nav-second-level">
<li>
<a href="content/pages/OverTime.html">Over Time</a>
</li>
<li>
<a href="content/pages/Throughput.html">Throughput</a>
</li>
<li>
<a href="content/pages/ResponseTimes.html">Response Times</a>
</li>
</ul>
<!-- /.nav-second-level -->
</li>
<li>
<a href="#"><i class="fa fa-bar-chart-o fa-fw"></i> Customs Graphs<span class="fa arrow"></span></a>
<ul class="nav nav-second-level">
<li>
<a href="content/pages/CustomsGraphs.html">Over Time</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<div id="page-wrapper">
<div class="row">
<div class="col-lg-12">
<div class="panel panel-default" >
<div class="panel-heading" style="text-align:center;">
<p class="dashboard-title">Test and Report information</p>
</div>
<div class="panel-body">
<table id="generalInfos" class="table table-bordered table-condensed " >
<tr>
<td>Source file</td>
<td>"res.csv"</td>
</tr>
<tr>
<td>Start Time</td>
<td>"10/25/23, 9:55 AM"</td>
</tr>
<tr>
<td>End Time</td>
<td>"10/25/23, 10:01 AM"</td>
</tr>
<tr>
<td>Filter for display</td>
<td>""</td>
</tr>
</table>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<div class="panel panel-default" style="text-align:center;">
<div class="panel-heading">
<p class="dashboard-title"><a href="https://en.wikipedia.org/wiki/Apdex" target="_blank">APDEX (Application Performance Index)</a></p>
</div>
<div class="panel-body">
<section id="apdex" class="col-md-12 table-responsive">
<table id="apdexTable" class="table table-bordered table-condensed tablesorter ">
</table>
</section>
</div>
</div>
</div>
<div class="col-lg-6" >
<div class="panel panel-default" style="text-align:center;">
<div class="panel-heading">
<p class="dashboard-title">Requests Summary</p>
</div>
<div class="panel-body">
<div class="flot-chart" style="height:200px;">
<div class="flot-chart-content" id="flot-requests-summary" style="height:200px;"/>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-12">
<div class="panel panel-default" style="text-align:center;">
<div class="panel-heading" >
<p class="dashboard-title">Statistics</p>
</div>
<div class="panel-body ">
<section class="col-md-12 table-responsive">
<table id="statisticsTable" class="table table-bordered table-condensed tablesorter " >
</table>
</section>
</div>
</div>
<div class="col-lg-12">
<div class="panel panel-default" style="text-align:center;">
<div class="panel-heading">
<p class="dashboard-title">Errors</p>
</div>
<div class="panel-body">
<section class="col-md-12 table-responsive">
<table id="errorsTable" class="table table-bordered table-condensed tablesorter ">
</table>
</section>
</div>
</div>
</div>
<div class="col-lg-12">
<div class="panel panel-default" style="text-align:center;">
<div class="panel-heading">
<p class="dashboard-title">Top 5 Errors by sampler</p>
</div>
<div class="panel-body">
<section class="col-md-12 table-responsive">
<table id="top5ErrorsBySamplerTable" class="table table-bordered table-condensed tablesorter ">
</table>
</section>
</div>
</div>
</div>
</div>
</div>
<!-- jQuery -->
<script src="sbadmin2-1.0.7/bower_components/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="sbadmin2-1.0.7/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="sbadmin2-1.0.7/bower_components/flot/excanvas.min.js"></script>
<script src="sbadmin2-1.0.7/bower_components/flot/jquery.flot.js"></script>
<script src="sbadmin2-1.0.7/bower_components/flot/jquery.flot.pie.js"></script>
<script src="sbadmin2-1.0.7/bower_components/flot/jquery.flot.resize.js"></script>
<script src="sbadmin2-1.0.7/bower_components/flot/jquery.flot.time.js"></script>
<script src="sbadmin2-1.0.7/bower_components/flot.tooltip/js/jquery.flot.tooltip.min.js"></script>
<script src="sbadmin2-1.0.7/bower_components/flot-axislabels/jquery.flot.axislabels.js"></script>
<!-- Metis Menu Plugin JavaScript -->
<script src="sbadmin2-1.0.7/bower_components/metisMenu/dist/metisMenu.min.js"></script>
<script src="content/js/dashboard-commons.js"></script>
<script src="content/js/dashboard.js"></script>
<!-- Custom Theme JavaScript -->
<script src="sbadmin2-1.0.7/dist/js/sb-admin-2.js"></script>
<script type="text/javascript" src="content/js/jquery.tablesorter.min.js"></script>
</body>
</html>
This diff is collapsed.
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment