Fix for firefox there was no posibility to close chart

Author: Hilscher, Robert

lib/html_formatter.js

@@ -151,32 +151,34 @@ module.exports = (function() {
       stepsNumberInFeature = 0;
       passedStepsInFeature = 0;
 
-      for (var j = 0; j < testResults[i].elements.length; j++) {
-        element = testResults[i].elements[j];
-        if (element.type === 'scenario') {
-          scenariosNumber++;
-          scenariosNumberInFeature++;
-          stepsHtml = '';
-          isPassed = true;
-          for (var k = 0; k < testResults[i].elements[j].steps.length; k++) {
-            step = testResults[i].elements[j].steps[k];
-            stepsHtml += getStep(step);
-            stepsNumber++;
-            stepsNumberInFeature++;
-            if (step.result.status !== statuses.PASSED) {
-              isPassed = false;
-            } else if (step.result.status === statuses.PASSED) {
-              passedSteps++;
-              passedStepsInFeature++;
+      if (testResults[i].elements) {
+        for (var j = 0; j < testResults[i].elements.length; j++) {
+          element = testResults[i].elements[j];
+          if (element.type === 'scenario') {
+            scenariosNumber++;
+            scenariosNumberInFeature++;
+            stepsHtml = '';
+            isPassed = true;
+            for (var k = 0; k < testResults[i].elements[j].steps.length; k++) {
+              step = testResults[i].elements[j].steps[k];
+              stepsHtml += getStep(step);
+              stepsNumber++;
+              stepsNumberInFeature++;
+              if (step.result.status !== statuses.PASSED) {
+                isPassed = false;
+              } else if (step.result.status === statuses.PASSED) {
+                passedSteps++;
+                passedStepsInFeature++;
+              }
             }
-          }
 
-          if (isPassed) {
-            passedScenarios++;
-            passedScenariosNumberInFeature++;
+            if (isPassed) {
+              passedScenarios++;
+              passedScenariosNumberInFeature++;
+            }
+            scenariosHtml += '<div class="scenario-container">' + getScenario(element, isPassed);
+            scenariosHtml += stepsHtml + '</div>';
           }
-          scenariosHtml += '<div class="scenario-container">' + getScenario(element, isPassed);
-          scenariosHtml += stepsHtml + '</div>';
         }
       }
       html += getFeature(testResults[i],scenariosNumberInFeature, passedScenariosNumberInFeature, stepsNumberInFeature, passedStepsInFeature);

package.json

@@ -1,7 +1,7 @@
 {
   "name": "grunt-protractor-cucumber-html-report",
   "description": "Generate html report from JSON file returned by cucumber-js json formatter",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "homepage": "https://github.com/robhil/grunt-protractor-cucumber-html-report",
   "author": {
     "name": "Hilscher, Robert",

templates/assets/css/style.css

@@ -395,7 +395,9 @@ header h1 {
     -webkit-animation-name: hide_chart;
     -webkit-animation-duration: 0.3s;
     -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
-
+    animation-name: hide_chart;
+    animation-duration: 0.3s;
+    animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
 }
 
 .scenario-chart {
@@ -423,6 +425,32 @@ header h1 {
 
 }
 
+@-moz-keyframes display_chart {
+    0% {
+        opacity: 0;
+        -webkit-transform: scale(0);
+        transform: scale(0);
+    }
+    100% {
+        opacity: 1;
+        -webkit-transform: scale(1);
+        transform: scale(1);
+    }
+}
+
+@keyframes display_chart {
+    0% {
+        opacity: 0;
+        -webkit-transform: scale(0);
+        transform: scale(0);
+    }
+    100% {
+        opacity: 1;
+        -webkit-transform: scale(1);
+        transform: scale(1);
+    }
+}
+
 @-webkit-keyframes display_chart {
     0% {
         opacity: 0;
@@ -441,25 +469,62 @@ header h1 {
         opacity: 0;
     }
 
+    100% {
+        opacity: 0.6;
+    }
+}
+
+@-moz-keyframes display_backdrop {
+    0% {
+        opacity: 0;
+    }
 
     100% {
         opacity: 0.6;
+    }
+}
+
+@keyframes display_backdrop {
+    0% {
+        opacity: 0;
+    }
 
+    100% {
+        opacity: 0.6;
     }
 }
 
 @-webkit-keyframes hide_backdrop {
+     0% {
+         opacity: 0.6;
+     }
+
+     100% {
+         opacity: 0;
+     }
+}
+
+@-moz-keyframes hide_backdrop {
     0% {
         opacity: 0.6;
     }
 
-
     100% {
         opacity: 0;
+    }
+}
 
+@keyframes hide_backdrop {
+    0% {
+        opacity: 0.6;
+    }
+
+    100% {
+        opacity: 0;
     }
 }
 
+
 .close_chart {
     font-size: 30px;
     position: absolute;
@@ -471,6 +536,36 @@ header h1 {
     top: 5px;
 }
 
+@-moz-keyframes hide_chart {
+    0% {
+        opacity: 1;
+        -webkit-transform: scale(1);
+        transform: scale(1);
+    }
+
+    100% {
+        opacity: 0;
+        -webkit-transform: scale(0);
+        transform: scale(0);
+    }
+
+}
+
+@keyframes hide_chart {
+    0% {
+        opacity: 1;
+        -webkit-transform: scale(1);
+        transform: scale(1);
+    }
+
+    100% {
+        opacity: 0;
+        -webkit-transform: scale(0);
+        transform: scale(0);
+    }
+
+}
+
 @-webkit-keyframes hide_chart {
     0% {
         opacity: 1;
@@ -552,6 +647,9 @@ header h1 {
     -webkit-animation-name: hide_backdrop;
     -webkit-animation-duration: 0.5s;
     -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
+    animation-name: hide_backdrop;
+    animation-duration: 0.5s;
+    animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
 }
 
 .document_container {

templates/assets/js/chart.js

@@ -24,7 +24,7 @@ app.chart  = (function () {
       var chartContainer = document.querySelector('.scenario-chart');
 
       chartContainer.addEventListener('webkitAnimationEnd', this.onAnimationEnd, false);
-      chartContainer.addEventListener('animationEnd', this.onAnimationEnd, false);
+      chartContainer.addEventListener('animationend', this.onAnimationEnd, false);
       chartContainer.addEventListener('oanimationEnd', this.onAnimationEnd, false);
       chartContainer.addEventListener('MSAnimationEnd', this.onAnimationEnd, false);