Merge pull request benc-uk#16 from benc-uk/vnext

Adds request failure count
atthaboon · Mar 16, 2021 · ab6fea5 · ab6fea5
2 parents a522a26 + 2f23160
commit ab6fea5
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 9 deletions.
diff --git a/dist/bundle.js b/dist/bundle.js
diff --git a/src/html-report.js b/src/html-report.js
@@ -7,7 +7,7 @@
 import ejs from "../node_modules/ejs/ejs.min.js"
 import template from "./template.ejs"
 
-const version = "2.1.1"
+const version = "2.2.0"
 
 //
 // Main function should be imported and wrapped with the function handleSummary
@@ -29,8 +29,8 @@ export function htmlReport(data, opts = {}) {
     if (data.metrics[metricName].thresholds) {
       thresholdCount++
       let thresholds = data.metrics[metricName].thresholds
-      for (let t in thresholds) {
-        if (!thresholds[t].ok) {
+      for (let thresName in thresholds) {
+        if (!thresholds[thresName].ok) {
           thresholdFailures++
         }
       }

diff --git a/src/template.ejs b/src/template.ejs
@@ -120,7 +120,7 @@
         left: 50%;
         transform: translate(-50%, -50%);
         color: #0000002d;
-        font-size: 9vw;
+        font-size: 8vw;
         z-index: 1;
       }
       .metricbox {
@@ -144,9 +144,14 @@
     <div class="row">
       <div class="box">
         <i class="fas fa-globe icon"></i>
-        <h4>Requests</h4>
+        <h4>Total Requests</h4>
         <% if(data.metrics.http_reqs) { %><div class="bignum"><%= data.metrics.http_reqs.values.count %></div><% } %>
       </div>
+      <div class="box <% if(data.metrics.http_req_failed && data.metrics.http_req_failed.values.passes > 0) { %> failed <% } %>">
+        <i class="far fa-times-circle icon"></i>
+        <h4>Failed Requests</h4>
+        <% if(data.metrics.http_req_failed) { %><div class="bignum"><%= data.metrics.http_req_failed.values.passes %></div><% } %>
+      </div>      
       <div class="box <% if(thresholdFailures > 0) { %> failed <% } %>">
         <i class="fas fa-chart-bar icon"></i>
         <h4>Breached Thresholds</h4>

diff --git a/tests/simple.js b/tests/simple.js
@@ -17,7 +17,7 @@ const SLEEP = __ENV.SLEEP || 1;
 
 export function handleSummary(data) {
   return {
-    "example.html": htmlReport(data),
+    "example1.html": htmlReport(data),
     stdout: textSummary(data, { indent: " ", enableColors: true }),
   };
 }
@@ -34,9 +34,9 @@ export let options = {
   },
 };
 
-// Totally generic HTTP check
 export default function () {
-  let res = http.get(TARGET_URL);
+  let url = Math.random() > 0.5 ? TARGET_URL : TARGET_URL + "/gibberish";
+  let res = http.get(url);
 
   check(res, {
     "Status is ok": (r) => r.status === 200,