From 8048cf60e8eb8ade2a06a795fe4a1134fe67f98c Mon Sep 17 00:00:00 2001 From: dutchiexl Date: Tue, 6 Jan 2015 11:40:19 +0100 Subject: [PATCH 01/55] Create README.md --- README.md | 4 ++++ 1 file changed, 4 insertions(+) create mode 100644 README.md diff --git a/README.md b/README.md new file mode 100644 index 0000000..b570da6 --- /dev/null +++ b/README.md @@ -0,0 +1,4 @@ +BehatHtmlFormatterPlugin +======================== + +This is a behat plugin to generate HTML reports From b96a5c21181671b110eb806fa05119d239ca88dc Mon Sep 17 00:00:00 2001 From: dutchiexl Date: Tue, 6 Jan 2015 11:45:54 +0100 Subject: [PATCH 02/55] Update README.md Updated Readme file --- README.md | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/README.md b/README.md index b570da6..bbf91a2 100644 --- a/README.md +++ b/README.md @@ -2,3 +2,11 @@ BehatHtmlFormatterPlugin ======================== This is a behat plugin to generate HTML reports + +Add this to your behat.yml file + +formatters: + html: true + extensions: + emuse\BehatHTMLFormatter\BehatHTMLFormatterExtension: + name: html From c60f30bfed4cc3b596ea87d7c701788b9ab5fc58 Mon Sep 17 00:00:00 2001 From: dutchiexl Date: Tue, 6 Jan 2015 11:47:19 +0100 Subject: [PATCH 03/55] Update README.md Updated README file --- README.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/README.md b/README.md index bbf91a2..8eed34f 100644 --- a/README.md +++ b/README.md @@ -5,8 +5,10 @@ This is a behat plugin to generate HTML reports Add this to your behat.yml file +
 formatters:
     html: true
   extensions:
     emuse\BehatHTMLFormatter\BehatHTMLFormatterExtension:
         name: html
+
From e053e02e67ab212d14bc5114f4d90ee48b457375 Mon Sep 17 00:00:00 2001 From: Neal Vanmeert Date: Tue, 6 Jan 2015 11:52:38 +0100 Subject: [PATCH 04/55] Added todo list to README. --- README.md | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/README.md b/README.md index 8eed34f..06ccc35 100644 --- a/README.md +++ b/README.md @@ -12,3 +12,12 @@ formatters: emuse\BehatHTMLFormatter\BehatHTMLFormatterExtension: name: html + +To be done: +======================== + +1. Store previous runs +2. Add parameters for behat.yml file +3. Add bootstrap as dependency +4. clean up html report +5. ... From 998d20ad613513a441c566c53e68d59985283190 Mon Sep 17 00:00:00 2001 From: Neal Vanmeert Date: Tue, 6 Jan 2015 11:55:28 +0100 Subject: [PATCH 05/55] Fixed namespace. --- composer.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/composer.json b/composer.json index ea12eda..38b8916 100644 --- a/composer.json +++ b/composer.json @@ -17,7 +17,7 @@ }, "autoload": { "psr-4": { - "emuse\\BehatHTMLFormatter": "src/" + "emuse\\BehatHTMLFormatter\\": "src/" } } } From c9a0be34aaba8dd84916616ba8641761b0a1da47 Mon Sep 17 00:00:00 2001 From: Neal Vanmeert Date: Tue, 6 Jan 2015 11:56:16 +0100 Subject: [PATCH 06/55] Refactored composer file. --- composer.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/composer.json b/composer.json index 38b8916..b804ff2 100644 --- a/composer.json +++ b/composer.json @@ -10,10 +10,10 @@ "minimum-stability": "dev", "require": { "php": ">=5.3.0", - "twig/twig":"~1.0" + "twig/twig":"~1.0", + "behat/behat": "~3.0" }, "require-dev": { - "behat/behat": "~3.0" }, "autoload": { "psr-4": { From 2c11fe528510f389d47c44a1dbc6c6c82a4a20c9 Mon Sep 17 00:00:00 2001 From: Neal Vanmeert Date: Tue, 6 Jan 2015 15:30:02 +0100 Subject: [PATCH 07/55] Updated camposer name. --- composer.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/composer.json b/composer.json index b804ff2..6e7b1bd 100644 --- a/composer.json +++ b/composer.json @@ -1,5 +1,5 @@ { - "name": "emuse/behat-html-formatter", + "name": "emuse/BehatHtmlFormatter", "description": "This will create a html formatter for Behat.", "authors": [ { From 402d51a483c600732e2760d88e959556f5dbe48a Mon Sep 17 00:00:00 2001 From: Neal Vanmeert Date: Tue, 6 Jan 2015 15:31:13 +0100 Subject: [PATCH 08/55] Updated camposer name. --- composer.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/composer.json b/composer.json index 6e7b1bd..b804ff2 100644 --- a/composer.json +++ b/composer.json @@ -1,5 +1,5 @@ { - "name": "emuse/BehatHtmlFormatter", + "name": "emuse/behat-html-formatter", "description": "This will create a html formatter for Behat.", "authors": [ { From b36d0c70559146809dffd89b3128204a538339f1 Mon Sep 17 00:00:00 2001 From: Chris Throup Date: Wed, 7 Jan 2015 23:57:45 +0000 Subject: [PATCH 09/55] Rename BehatHTMlFormatterExtension.php to BehatHTMLFormatterExtension.php Unix filesystems are case sensitive, so this class could not be autoloaded. --- ...HTMlFormatterExtension.php => BehatHTMLFormatterExtension.php} | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename src/{BehatHTMlFormatterExtension.php => BehatHTMLFormatterExtension.php} (100%) diff --git a/src/BehatHTMlFormatterExtension.php b/src/BehatHTMLFormatterExtension.php similarity index 100% rename from src/BehatHTMlFormatterExtension.php rename to src/BehatHTMLFormatterExtension.php From 6b85be5459803c032b900e035d6690edf35e641f Mon Sep 17 00:00:00 2001 From: Neal Vanmeert Date: Thu, 8 Jan 2015 12:30:27 +0100 Subject: [PATCH 10/55] Updated dashbard. --- assets/css/style.css | 63 ++++++++++ assets/css/style.less | 74 ++++++++++++ assets/js/Chart.min.js | 11 ++ reports/test_report.html | 197 ++++++++++++++++++++----------- src/BehatHTMLFormatter.php | 19 +++ src/Classes/Feature.php | 60 ++++++++++ templates/index.backup.html.twig | 98 +++++++++++++++ templates/index.html.twig | 115 ++++++++++++++---- 8 files changed, 548 insertions(+), 89 deletions(-) create mode 100644 assets/css/style.css create mode 100644 assets/css/style.less create mode 100644 assets/js/Chart.min.js create mode 100644 templates/index.backup.html.twig diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 0000000..8aa5177 --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1,63 @@ +body { + background-color: #f9f9f9; + font-family: 'Source Sans Pro', sans-serif; +} +.card { + position: relative; + background: #ffffff; + margin-bottom: 20px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + width: 100%; + box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); +} +.card.passed .header { + background-color: #00a65a; +} +.card.failed .header { + background-color: red; +} +.card .header { + color: #fff; + border-top-left-radius: 3px; + border-top-right-radius: 3px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-bottom: 0px solid #f4f4f4; +} +.card .header:before, +.card .header:after { + display: table; + content: " "; +} +.card .header h2 { + display: inline-block; + padding: 10px 10px 10px 10px; + margin: 0; + font-size: 20px; + font-weight: 400; + cursor: default; +} +.card .info { + padding: 10px; + height: 130px; +} +.card .footer { + border-top: 1px solid #f4f4f4; + -webkit-border-top-left-radius: 0; + -webkit-border-top-right-radius: 0; + -webkit-border-bottom-right-radius: 3px; + -webkit-border-bottom-left-radius: 3px; + -moz-border-radius-topleft: 0; + -moz-border-radius-topright: 0; + -moz-border-radius-bottomright: 3px; + -moz-border-radius-bottomleft: 3px; + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + padding: 10px; + background-color: #ffffff; + height: 30px; +} diff --git a/assets/css/style.less b/assets/css/style.less new file mode 100644 index 0000000..22327e0 --- /dev/null +++ b/assets/css/style.less @@ -0,0 +1,74 @@ +body { + background-color: #f9f9f9; + font-family: 'Source Sans Pro', sans-serif; +} + +.card { + position: relative; + background: #ffffff; + margin-bottom: 20px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + width: 100%; + box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); + + &.passed { + .header { + background-color: #00a65a; + } + } + + &.failed { + .header { + background-color: red; + } + } + + .header { + color: #fff; + border-top-left-radius: 3px; + border-top-right-radius: 3px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-bottom: 0px solid #f4f4f4; + + &:before, &:after { + display: table; + content: " "; + } + h2 { + display: inline-block; + padding: 10px 10px 10px 10px; + margin: 0; + font-size: 20px; + font-weight: 400; + cursor: default; + } + } + + .info { + padding: 10px; + height: 130px; + } + + .footer { + border-top: 1px solid #f4f4f4; + -webkit-border-top-left-radius: 0; + -webkit-border-top-right-radius: 0; + -webkit-border-bottom-right-radius: 3px; + -webkit-border-bottom-left-radius: 3px; + -moz-border-radius-topleft: 0; + -moz-border-radius-topright: 0; + -moz-border-radius-bottomright: 3px; + -moz-border-radius-bottomleft: 3px; + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + padding: 10px; + background-color: #ffffff; + height: 30px; + } + +} diff --git a/assets/js/Chart.min.js b/assets/js/Chart.min.js new file mode 100644 index 0000000..3804f84 --- /dev/null +++ b/assets/js/Chart.min.js @@ -0,0 +1,11 @@ +/*! + * Chart.js + * http://chartjs.org/ + * Version: 1.0.1 + * + * Copyright 2015 Nick Downie + * Released under the MIT license + * https://github.com/nnnick/Chart.js/blob/master/LICENSE.md + */ +(function(){"use strict";var t=this,i=t.Chart,e=function(t){this.canvas=t.canvas,this.ctx=t;this.width=t.canvas.width,this.height=t.canvas.height;return this.aspectRatio=this.width/this.height,s.retinaScale(this),this};e.defaults={global:{animation:!0,animationSteps:60,animationEasing:"easeOutQuart",showScale:!0,scaleOverride:!1,scaleSteps:null,scaleStepWidth:null,scaleStartValue:null,scaleLineColor:"rgba(0,0,0,.1)",scaleLineWidth:1,scaleShowLabels:!0,scaleLabel:"<%=value%>",scaleIntegersOnly:!0,scaleBeginAtZero:!1,scaleFontFamily:"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",scaleFontSize:12,scaleFontStyle:"normal",scaleFontColor:"#666",responsive:!1,maintainAspectRatio:!0,showTooltips:!0,customTooltips:!1,tooltipEvents:["mousemove","touchstart","touchmove","mouseout"],tooltipFillColor:"rgba(0,0,0,0.8)",tooltipFontFamily:"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",tooltipFontSize:14,tooltipFontStyle:"normal",tooltipFontColor:"#fff",tooltipTitleFontFamily:"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",tooltipTitleFontSize:14,tooltipTitleFontStyle:"bold",tooltipTitleFontColor:"#fff",tooltipYPadding:6,tooltipXPadding:6,tooltipCaretSize:8,tooltipCornerRadius:6,tooltipXOffset:10,tooltipTemplate:"<%if (label){%><%=label%>: <%}%><%= value %>",multiTooltipTemplate:"<%= value %>",multiTooltipKeyBackground:"#fff",onAnimationProgress:function(){},onAnimationComplete:function(){}}},e.types={};var s=e.helpers={},n=s.each=function(t,i,e){var s=Array.prototype.slice.call(arguments,3);if(t)if(t.length===+t.length){var n;for(n=0;n=0;s--){var n=t[s];if(i(n))return n}},s.inherits=function(t){var i=this,e=t&&t.hasOwnProperty("constructor")?t.constructor:function(){return i.apply(this,arguments)},s=function(){this.constructor=e};return s.prototype=i.prototype,e.prototype=new s,e.extend=r,t&&a(e.prototype,t),e.__super__=i.prototype,e}),c=s.noop=function(){},u=s.uid=function(){var t=0;return function(){return"chart-"+t++}}(),d=s.warn=function(t){window.console&&"function"==typeof window.console.warn&&console.warn(t)},p=s.amd="function"==typeof define&&define.amd,f=s.isNumber=function(t){return!isNaN(parseFloat(t))&&isFinite(t)},g=s.max=function(t){return Math.max.apply(Math,t)},m=s.min=function(t){return Math.min.apply(Math,t)},v=(s.cap=function(t,i,e){if(f(i)){if(t>i)return i}else if(f(e)&&e>t)return e;return t},s.getDecimalPlaces=function(t){return t%1!==0&&f(t)?t.toString().split(".")[1].length:0}),S=s.radians=function(t){return t*(Math.PI/180)},x=(s.getAngleFromPoint=function(t,i){var e=i.x-t.x,s=i.y-t.y,n=Math.sqrt(e*e+s*s),o=2*Math.PI+Math.atan2(s,e);return 0>e&&0>s&&(o+=2*Math.PI),{angle:o,distance:n}},s.aliasPixel=function(t){return t%2===0?0:.5}),y=(s.splineCurve=function(t,i,e,s){var n=Math.sqrt(Math.pow(i.x-t.x,2)+Math.pow(i.y-t.y,2)),o=Math.sqrt(Math.pow(e.x-i.x,2)+Math.pow(e.y-i.y,2)),a=s*n/(n+o),h=s*o/(n+o);return{inner:{x:i.x-a*(e.x-t.x),y:i.y-a*(e.y-t.y)},outer:{x:i.x+h*(e.x-t.x),y:i.y+h*(e.y-t.y)}}},s.calculateOrderOfMagnitude=function(t){return Math.floor(Math.log(t)/Math.LN10)}),C=(s.calculateScaleRange=function(t,i,e,s,n){var o=2,a=Math.floor(i/(1.5*e)),h=o>=a,l=g(t),r=m(t);l===r&&(l+=.5,r>=.5&&!s?r-=.5:l+=.5);for(var c=Math.abs(l-r),u=y(c),d=Math.ceil(l/(1*Math.pow(10,u)))*Math.pow(10,u),p=s?0:Math.floor(r/(1*Math.pow(10,u)))*Math.pow(10,u),f=d-p,v=Math.pow(10,u),S=Math.round(f/v);(S>a||a>2*S)&&!h;)if(S>a)v*=2,S=Math.round(f/v),S%1!==0&&(h=!0);else if(n&&u>=0){if(v/2%1!==0)break;v/=2,S=Math.round(f/v)}else v/=2,S=Math.round(f/v);return h&&(S=o,v=f/S),{steps:S,stepValue:v,min:p,max:p+S*v}},s.template=function(t,i){function e(t,i){var e=/\W/.test(t)?new Function("obj","var p=[],print=function(){p.push.apply(p,arguments);};with(obj){p.push('"+t.replace(/[\r\t\n]/g," ").split("<%").join(" ").replace(/((^|%>)[^\t]*)'/g,"$1\r").replace(/\t=(.*?)%>/g,"',$1,'").split(" ").join("');").split("%>").join("p.push('").split("\r").join("\\'")+"');}return p.join('');"):s[t]=s[t];return i?e(i):e}if(t instanceof Function)return t(i);var s={};return e(t,i)}),w=(s.generateLabels=function(t,i,e,s){var o=new Array(i);return labelTemplateString&&n(o,function(i,n){o[n]=C(t,{value:e+s*(n+1)})}),o},s.easingEffects={linear:function(t){return t},easeInQuad:function(t){return t*t},easeOutQuad:function(t){return-1*t*(t-2)},easeInOutQuad:function(t){return(t/=.5)<1?.5*t*t:-0.5*(--t*(t-2)-1)},easeInCubic:function(t){return t*t*t},easeOutCubic:function(t){return 1*((t=t/1-1)*t*t+1)},easeInOutCubic:function(t){return(t/=.5)<1?.5*t*t*t:.5*((t-=2)*t*t+2)},easeInQuart:function(t){return t*t*t*t},easeOutQuart:function(t){return-1*((t=t/1-1)*t*t*t-1)},easeInOutQuart:function(t){return(t/=.5)<1?.5*t*t*t*t:-0.5*((t-=2)*t*t*t-2)},easeInQuint:function(t){return 1*(t/=1)*t*t*t*t},easeOutQuint:function(t){return 1*((t=t/1-1)*t*t*t*t+1)},easeInOutQuint:function(t){return(t/=.5)<1?.5*t*t*t*t*t:.5*((t-=2)*t*t*t*t+2)},easeInSine:function(t){return-1*Math.cos(t/1*(Math.PI/2))+1},easeOutSine:function(t){return 1*Math.sin(t/1*(Math.PI/2))},easeInOutSine:function(t){return-0.5*(Math.cos(Math.PI*t/1)-1)},easeInExpo:function(t){return 0===t?1:1*Math.pow(2,10*(t/1-1))},easeOutExpo:function(t){return 1===t?1:1*(-Math.pow(2,-10*t/1)+1)},easeInOutExpo:function(t){return 0===t?0:1===t?1:(t/=.5)<1?.5*Math.pow(2,10*(t-1)):.5*(-Math.pow(2,-10*--t)+2)},easeInCirc:function(t){return t>=1?t:-1*(Math.sqrt(1-(t/=1)*t)-1)},easeOutCirc:function(t){return 1*Math.sqrt(1-(t=t/1-1)*t)},easeInOutCirc:function(t){return(t/=.5)<1?-0.5*(Math.sqrt(1-t*t)-1):.5*(Math.sqrt(1-(t-=2)*t)+1)},easeInElastic:function(t){var i=1.70158,e=0,s=1;return 0===t?0:1==(t/=1)?1:(e||(e=.3),st?-.5*s*Math.pow(2,10*(t-=1))*Math.sin(2*(1*t-i)*Math.PI/e):s*Math.pow(2,-10*(t-=1))*Math.sin(2*(1*t-i)*Math.PI/e)*.5+1)},easeInBack:function(t){var i=1.70158;return 1*(t/=1)*t*((i+1)*t-i)},easeOutBack:function(t){var i=1.70158;return 1*((t=t/1-1)*t*((i+1)*t+i)+1)},easeInOutBack:function(t){var i=1.70158;return(t/=.5)<1?.5*t*t*(((i*=1.525)+1)*t-i):.5*((t-=2)*t*(((i*=1.525)+1)*t+i)+2)},easeInBounce:function(t){return 1-w.easeOutBounce(1-t)},easeOutBounce:function(t){return(t/=1)<1/2.75?7.5625*t*t:2/2.75>t?1*(7.5625*(t-=1.5/2.75)*t+.75):2.5/2.75>t?1*(7.5625*(t-=2.25/2.75)*t+.9375):1*(7.5625*(t-=2.625/2.75)*t+.984375)},easeInOutBounce:function(t){return.5>t?.5*w.easeInBounce(2*t):.5*w.easeOutBounce(2*t-1)+.5}}),b=s.requestAnimFrame=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(t){return window.setTimeout(t,1e3/60)}}(),P=(s.cancelAnimFrame=function(){return window.cancelAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame||window.oCancelAnimationFrame||window.msCancelAnimationFrame||function(t){return window.clearTimeout(t,1e3/60)}}(),s.animationLoop=function(t,i,e,s,n,o){var a=0,h=w[e]||w.linear,l=function(){a++;var e=a/i,r=h(e);t.call(o,r,e,a),s.call(o,r,e),i>a?o.animationFrame=b(l):n.apply(o)};b(l)},s.getRelativePosition=function(t){var i,e,s=t.originalEvent||t,n=t.currentTarget||t.srcElement,o=n.getBoundingClientRect();return s.touches?(i=s.touches[0].clientX-o.left,e=s.touches[0].clientY-o.top):(i=s.clientX-o.left,e=s.clientY-o.top),{x:i,y:e}},s.addEvent=function(t,i,e){t.addEventListener?t.addEventListener(i,e):t.attachEvent?t.attachEvent("on"+i,e):t["on"+i]=e}),L=s.removeEvent=function(t,i,e){t.removeEventListener?t.removeEventListener(i,e,!1):t.detachEvent?t.detachEvent("on"+i,e):t["on"+i]=c},k=(s.bindEvents=function(t,i,e){t.events||(t.events={}),n(i,function(i){t.events[i]=function(){e.apply(t,arguments)},P(t.chart.canvas,i,t.events[i])})},s.unbindEvents=function(t,i){n(i,function(i,e){L(t.chart.canvas,e,i)})}),F=s.getMaximumWidth=function(t){var i=t.parentNode;return i.clientWidth},R=s.getMaximumHeight=function(t){var i=t.parentNode;return i.clientHeight},T=(s.getMaximumSize=s.getMaximumWidth,s.retinaScale=function(t){var i=t.ctx,e=t.canvas.width,s=t.canvas.height;window.devicePixelRatio&&(i.canvas.style.width=e+"px",i.canvas.style.height=s+"px",i.canvas.height=s*window.devicePixelRatio,i.canvas.width=e*window.devicePixelRatio,i.scale(window.devicePixelRatio,window.devicePixelRatio))}),A=s.clear=function(t){t.ctx.clearRect(0,0,t.width,t.height)},M=s.fontString=function(t,i,e){return i+" "+t+"px "+e},W=s.longestText=function(t,i,e){t.font=i;var s=0;return n(e,function(i){var e=t.measureText(i).width;s=e>s?e:s}),s},z=s.drawRoundedRectangle=function(t,i,e,s,n,o){t.beginPath(),t.moveTo(i+o,e),t.lineTo(i+s-o,e),t.quadraticCurveTo(i+s,e,i+s,e+o),t.lineTo(i+s,e+n-o),t.quadraticCurveTo(i+s,e+n,i+s-o,e+n),t.lineTo(i+o,e+n),t.quadraticCurveTo(i,e+n,i,e+n-o),t.lineTo(i,e+o),t.quadraticCurveTo(i,e,i+o,e),t.closePath()};e.instances={},e.Type=function(t,i,s){this.options=i,this.chart=s,this.id=u(),e.instances[this.id]=this,i.responsive&&this.resize(),this.initialize.call(this,t)},a(e.Type.prototype,{initialize:function(){return this},clear:function(){return A(this.chart),this},stop:function(){return s.cancelAnimFrame.call(t,this.animationFrame),this},resize:function(t){this.stop();var i=this.chart.canvas,e=F(this.chart.canvas),s=this.options.maintainAspectRatio?e/this.chart.aspectRatio:R(this.chart.canvas);return i.width=this.chart.width=e,i.height=this.chart.height=s,T(this.chart),"function"==typeof t&&t.apply(this,Array.prototype.slice.call(arguments,1)),this},reflow:c,render:function(t){return t&&this.reflow(),this.options.animation&&!t?s.animationLoop(this.draw,this.options.animationSteps,this.options.animationEasing,this.options.onAnimationProgress,this.options.onAnimationComplete,this):(this.draw(),this.options.onAnimationComplete.call(this)),this},generateLegend:function(){return C(this.options.legendTemplate,this)},destroy:function(){this.clear(),k(this,this.events);var t=this.chart.canvas;t.width=this.chart.width,t.height=this.chart.height,t.style.removeProperty?(t.style.removeProperty("width"),t.style.removeProperty("height")):(t.style.removeAttribute("width"),t.style.removeAttribute("height")),delete e.instances[this.id]},showTooltip:function(t,i){"undefined"==typeof this.activeElements&&(this.activeElements=[]);var o=function(t){var i=!1;return t.length!==this.activeElements.length?i=!0:(n(t,function(t,e){t!==this.activeElements[e]&&(i=!0)},this),i)}.call(this,t);if(o||i){if(this.activeElements=t,this.draw(),this.options.customTooltips&&this.options.customTooltips(!1),t.length>0)if(this.datasets&&this.datasets.length>1){for(var a,h,r=this.datasets.length-1;r>=0&&(a=this.datasets[r].points||this.datasets[r].bars||this.datasets[r].segments,h=l(a,t[0]),-1===h);r--);var c=[],u=[],d=function(){var t,i,e,n,o,a=[],l=[],r=[];return s.each(this.datasets,function(i){t=i.points||i.bars||i.segments,t[h]&&t[h].hasValue()&&a.push(t[h])}),s.each(a,function(t){l.push(t.x),r.push(t.y),c.push(s.template(this.options.multiTooltipTemplate,t)),u.push({fill:t._saved.fillColor||t.fillColor,stroke:t._saved.strokeColor||t.strokeColor})},this),o=m(r),e=g(r),n=m(l),i=g(l),{x:n>this.chart.width/2?n:i,y:(o+e)/2}}.call(this,h);new e.MultiTooltip({x:d.x,y:d.y,xPadding:this.options.tooltipXPadding,yPadding:this.options.tooltipYPadding,xOffset:this.options.tooltipXOffset,fillColor:this.options.tooltipFillColor,textColor:this.options.tooltipFontColor,fontFamily:this.options.tooltipFontFamily,fontStyle:this.options.tooltipFontStyle,fontSize:this.options.tooltipFontSize,titleTextColor:this.options.tooltipTitleFontColor,titleFontFamily:this.options.tooltipTitleFontFamily,titleFontStyle:this.options.tooltipTitleFontStyle,titleFontSize:this.options.tooltipTitleFontSize,cornerRadius:this.options.tooltipCornerRadius,labels:c,legendColors:u,legendColorBackground:this.options.multiTooltipKeyBackground,title:t[0].label,chart:this.chart,ctx:this.chart.ctx,custom:this.options.customTooltips}).draw()}else n(t,function(t){var i=t.tooltipPosition();new e.Tooltip({x:Math.round(i.x),y:Math.round(i.y),xPadding:this.options.tooltipXPadding,yPadding:this.options.tooltipYPadding,fillColor:this.options.tooltipFillColor,textColor:this.options.tooltipFontColor,fontFamily:this.options.tooltipFontFamily,fontStyle:this.options.tooltipFontStyle,fontSize:this.options.tooltipFontSize,caretHeight:this.options.tooltipCaretSize,cornerRadius:this.options.tooltipCornerRadius,text:C(this.options.tooltipTemplate,t),chart:this.chart,custom:this.options.customTooltips}).draw()},this);return this}},toBase64Image:function(){return this.chart.canvas.toDataURL.apply(this.chart.canvas,arguments)}}),e.Type.extend=function(t){var i=this,s=function(){return i.apply(this,arguments)};if(s.prototype=o(i.prototype),a(s.prototype,t),s.extend=e.Type.extend,t.name||i.prototype.name){var n=t.name||i.prototype.name,l=e.defaults[i.prototype.name]?o(e.defaults[i.prototype.name]):{};e.defaults[n]=a(l,t.defaults),e.types[n]=s,e.prototype[n]=function(t,i){var o=h(e.defaults.global,e.defaults[n],i||{});return new s(t,o,this)}}else d("Name not provided for this chart, so it hasn't been registered");return i},e.Element=function(t){a(this,t),this.initialize.apply(this,arguments),this.save()},a(e.Element.prototype,{initialize:function(){},restore:function(t){return t?n(t,function(t){this[t]=this._saved[t]},this):a(this,this._saved),this},save:function(){return this._saved=o(this),delete this._saved._saved,this},update:function(t){return n(t,function(t,i){this._saved[i]=this[i],this[i]=t},this),this},transition:function(t,i){return n(t,function(t,e){this[e]=(t-this._saved[e])*i+this._saved[e]},this),this},tooltipPosition:function(){return{x:this.x,y:this.y}},hasValue:function(){return f(this.value)}}),e.Element.extend=r,e.Point=e.Element.extend({display:!0,inRange:function(t,i){var e=this.hitDetectionRadius+this.radius;return Math.pow(t-this.x,2)+Math.pow(i-this.y,2)=this.startAngle&&e.angle<=this.endAngle,o=e.distance>=this.innerRadius&&e.distance<=this.outerRadius;return n&&o},tooltipPosition:function(){var t=this.startAngle+(this.endAngle-this.startAngle)/2,i=(this.outerRadius-this.innerRadius)/2+this.innerRadius;return{x:this.x+Math.cos(t)*i,y:this.y+Math.sin(t)*i}},draw:function(t){var i=this.ctx;i.beginPath(),i.arc(this.x,this.y,this.outerRadius,this.startAngle,this.endAngle),i.arc(this.x,this.y,this.innerRadius,this.endAngle,this.startAngle,!0),i.closePath(),i.strokeStyle=this.strokeColor,i.lineWidth=this.strokeWidth,i.fillStyle=this.fillColor,i.fill(),i.lineJoin="bevel",this.showStroke&&i.stroke()}}),e.Rectangle=e.Element.extend({draw:function(){var t=this.ctx,i=this.width/2,e=this.x-i,s=this.x+i,n=this.base-(this.base-this.y),o=this.strokeWidth/2;this.showStroke&&(e+=o,s-=o,n+=o),t.beginPath(),t.fillStyle=this.fillColor,t.strokeStyle=this.strokeColor,t.lineWidth=this.strokeWidth,t.moveTo(e,this.base),t.lineTo(e,n),t.lineTo(s,n),t.lineTo(s,this.base),t.fill(),this.showStroke&&t.stroke()},height:function(){return this.base-this.y},inRange:function(t,i){return t>=this.x-this.width/2&&t<=this.x+this.width/2&&i>=this.y&&i<=this.base}}),e.Tooltip=e.Element.extend({draw:function(){var t=this.chart.ctx;t.font=M(this.fontSize,this.fontStyle,this.fontFamily),this.xAlign="center",this.yAlign="above";var i=this.caretPadding=2,e=t.measureText(this.text).width+2*this.xPadding,s=this.fontSize+2*this.yPadding,n=s+this.caretHeight+i;this.x+e/2>this.chart.width?this.xAlign="left":this.x-e/2<0&&(this.xAlign="right"),this.y-n<0&&(this.yAlign="below");var o=this.x-e/2,a=this.y-n;if(t.fillStyle=this.fillColor,this.custom)this.custom(this);else{switch(this.yAlign){case"above":t.beginPath(),t.moveTo(this.x,this.y-i),t.lineTo(this.x+this.caretHeight,this.y-(i+this.caretHeight)),t.lineTo(this.x-this.caretHeight,this.y-(i+this.caretHeight)),t.closePath(),t.fill();break;case"below":a=this.y+i+this.caretHeight,t.beginPath(),t.moveTo(this.x,this.y+i),t.lineTo(this.x+this.caretHeight,this.y+i+this.caretHeight),t.lineTo(this.x-this.caretHeight,this.y+i+this.caretHeight),t.closePath(),t.fill()}switch(this.xAlign){case"left":o=this.x-e+(this.cornerRadius+this.caretHeight);break;case"right":o=this.x-(this.cornerRadius+this.caretHeight)}z(t,o,a,e,s,this.cornerRadius),t.fill(),t.fillStyle=this.textColor,t.textAlign="center",t.textBaseline="middle",t.fillText(this.text,o+e/2,a+s/2)}}}),e.MultiTooltip=e.Element.extend({initialize:function(){this.font=M(this.fontSize,this.fontStyle,this.fontFamily),this.titleFont=M(this.titleFontSize,this.titleFontStyle,this.titleFontFamily),this.height=this.labels.length*this.fontSize+(this.labels.length-1)*(this.fontSize/2)+2*this.yPadding+1.5*this.titleFontSize,this.ctx.font=this.titleFont;var t=this.ctx.measureText(this.title).width,i=W(this.ctx,this.font,this.labels)+this.fontSize+3,e=g([i,t]);this.width=e+2*this.xPadding;var s=this.height/2;this.y-s<0?this.y=s:this.y+s>this.chart.height&&(this.y=this.chart.height-s),this.x>this.chart.width/2?this.x-=this.xOffset+this.width:this.x+=this.xOffset},getLineHeight:function(t){var i=this.y-this.height/2+this.yPadding,e=t-1;return 0===t?i+this.titleFontSize/2:i+(1.5*this.fontSize*e+this.fontSize/2)+1.5*this.titleFontSize},draw:function(){if(this.custom)this.custom(this);else{z(this.ctx,this.x,this.y-this.height/2,this.width,this.height,this.cornerRadius);var t=this.ctx;t.fillStyle=this.fillColor,t.fill(),t.closePath(),t.textAlign="left",t.textBaseline="middle",t.fillStyle=this.titleTextColor,t.font=this.titleFont,t.fillText(this.title,this.x+this.xPadding,this.getLineHeight(0)),t.font=this.font,s.each(this.labels,function(i,e){t.fillStyle=this.textColor,t.fillText(i,this.x+this.xPadding+this.fontSize+3,this.getLineHeight(e+1)),t.fillStyle=this.legendColorBackground,t.fillRect(this.x+this.xPadding,this.getLineHeight(e+1)-this.fontSize/2,this.fontSize,this.fontSize),t.fillStyle=this.legendColors[e].fill,t.fillRect(this.x+this.xPadding,this.getLineHeight(e+1)-this.fontSize/2,this.fontSize,this.fontSize)},this)}}}),e.Scale=e.Element.extend({initialize:function(){this.fit()},buildYLabels:function(){this.yLabels=[];for(var t=v(this.stepValue),i=0;i<=this.steps;i++)this.yLabels.push(C(this.templateString,{value:(this.min+i*this.stepValue).toFixed(t)}));this.yLabelWidth=this.display&&this.showLabels?W(this.ctx,this.font,this.yLabels):0},addXLabel:function(t){this.xLabels.push(t),this.valuesCount++,this.fit()},removeXLabel:function(){this.xLabels.shift(),this.valuesCount--,this.fit()},fit:function(){this.startPoint=this.display?this.fontSize:0,this.endPoint=this.display?this.height-1.5*this.fontSize-5:this.height,this.startPoint+=this.padding,this.endPoint-=this.padding;var t,i=this.endPoint-this.startPoint;for(this.calculateYRange(i),this.buildYLabels(),this.calculateXLabelRotation();i>this.endPoint-this.startPoint;)i=this.endPoint-this.startPoint,t=this.yLabelWidth,this.calculateYRange(i),this.buildYLabels(),tthis.yLabelWidth+10?e/2:this.yLabelWidth+10,this.xLabelRotation=0,this.display){var n,o=W(this.ctx,this.font,this.xLabels);this.xLabelWidth=o;for(var a=Math.floor(this.calculateX(1)-this.calculateX(0))-6;this.xLabelWidth>a&&0===this.xLabelRotation||this.xLabelWidth>a&&this.xLabelRotation<=90&&this.xLabelRotation>0;)n=Math.cos(S(this.xLabelRotation)),t=n*e,i=n*s,t+this.fontSize/2>this.yLabelWidth+8&&(this.xScalePaddingLeft=t+this.fontSize/2),this.xScalePaddingRight=this.fontSize/2,this.xLabelRotation++,this.xLabelWidth=n*o;this.xLabelRotation>0&&(this.endPoint-=Math.sin(S(this.xLabelRotation))*o+3)}else this.xLabelWidth=0,this.xScalePaddingRight=this.padding,this.xScalePaddingLeft=this.padding},calculateYRange:c,drawingArea:function(){return this.startPoint-this.endPoint},calculateY:function(t){var i=this.drawingArea()/(this.min-this.max);return this.endPoint-i*(t-this.min)},calculateX:function(t){var i=(this.xLabelRotation>0,this.width-(this.xScalePaddingLeft+this.xScalePaddingRight)),e=i/(this.valuesCount-(this.offsetGridLines?0:1)),s=e*t+this.xScalePaddingLeft;return this.offsetGridLines&&(s+=e/2),Math.round(s)},update:function(t){s.extend(this,t),this.fit()},draw:function(){var t=this.ctx,i=(this.endPoint-this.startPoint)/this.steps,e=Math.round(this.xScalePaddingLeft);this.display&&(t.fillStyle=this.textColor,t.font=this.font,n(this.yLabels,function(n,o){var a=this.endPoint-i*o,h=Math.round(a),l=this.showHorizontalLines;t.textAlign="right",t.textBaseline="middle",this.showLabels&&t.fillText(n,e-10,a),0!==o||l||(l=!0),l&&t.beginPath(),o>0?(t.lineWidth=this.gridLineWidth,t.strokeStyle=this.gridLineColor):(t.lineWidth=this.lineWidth,t.strokeStyle=this.lineColor),h+=s.aliasPixel(t.lineWidth),l&&(t.moveTo(e,h),t.lineTo(this.width,h),t.stroke(),t.closePath()),t.lineWidth=this.lineWidth,t.strokeStyle=this.lineColor,t.beginPath(),t.moveTo(e-5,h),t.lineTo(e,h),t.stroke(),t.closePath()},this),n(this.xLabels,function(i,e){var s=this.calculateX(e)+x(this.lineWidth),n=this.calculateX(e-(this.offsetGridLines?.5:0))+x(this.lineWidth),o=this.xLabelRotation>0,a=this.showVerticalLines;0!==e||a||(a=!0),a&&t.beginPath(),e>0?(t.lineWidth=this.gridLineWidth,t.strokeStyle=this.gridLineColor):(t.lineWidth=this.lineWidth,t.strokeStyle=this.lineColor),a&&(t.moveTo(n,this.endPoint),t.lineTo(n,this.startPoint-3),t.stroke(),t.closePath()),t.lineWidth=this.lineWidth,t.strokeStyle=this.lineColor,t.beginPath(),t.moveTo(n,this.endPoint),t.lineTo(n,this.endPoint+5),t.stroke(),t.closePath(),t.save(),t.translate(s,o?this.endPoint+12:this.endPoint+8),t.rotate(-1*S(this.xLabelRotation)),t.font=this.font,t.textAlign=o?"right":"center",t.textBaseline=o?"middle":"top",t.fillText(i,0,0),t.restore()},this))}}),e.RadialScale=e.Element.extend({initialize:function(){this.size=m([this.height,this.width]),this.drawingArea=this.display?this.size/2-(this.fontSize/2+this.backdropPaddingY):this.size/2},calculateCenterOffset:function(t){var i=this.drawingArea/(this.max-this.min);return(t-this.min)*i},update:function(){this.lineArc?this.drawingArea=this.display?this.size/2-(this.fontSize/2+this.backdropPaddingY):this.size/2:this.setScaleSize(),this.buildYLabels()},buildYLabels:function(){this.yLabels=[];for(var t=v(this.stepValue),i=0;i<=this.steps;i++)this.yLabels.push(C(this.templateString,{value:(this.min+i*this.stepValue).toFixed(t)}))},getCircumference:function(){return 2*Math.PI/this.valuesCount},setScaleSize:function(){var t,i,e,s,n,o,a,h,l,r,c,u,d=m([this.height/2-this.pointLabelFontSize-5,this.width/2]),p=this.width,g=0;for(this.ctx.font=M(this.pointLabelFontSize,this.pointLabelFontStyle,this.pointLabelFontFamily),i=0;ip&&(p=t.x+s,n=i),t.x-sp&&(p=t.x+e,n=i):i>this.valuesCount/2&&t.x-e0){var s,n=e*(this.drawingArea/this.steps),o=this.yCenter-n;if(this.lineWidth>0)if(t.strokeStyle=this.lineColor,t.lineWidth=this.lineWidth,this.lineArc)t.beginPath(),t.arc(this.xCenter,this.yCenter,n,0,2*Math.PI),t.closePath(),t.stroke();else{t.beginPath();for(var a=0;a=0;i--){if(this.angleLineWidth>0){var e=this.getPointPosition(i,this.calculateCenterOffset(this.max));t.beginPath(),t.moveTo(this.xCenter,this.yCenter),t.lineTo(e.x,e.y),t.stroke(),t.closePath()}var s=this.getPointPosition(i,this.calculateCenterOffset(this.max)+5);t.font=M(this.pointLabelFontSize,this.pointLabelFontStyle,this.pointLabelFontFamily),t.fillStyle=this.pointLabelFontColor;var o=this.labels.length,a=this.labels.length/2,h=a/2,l=h>i||i>o-h,r=i===h||i===o-h;t.textAlign=0===i?"center":i===a?"center":a>i?"left":"right",t.textBaseline=r?"middle":l?"bottom":"top",t.fillText(this.labels[i],s.x,s.y)}}}}}),s.addEvent(window,"resize",function(){var t;return function(){clearTimeout(t),t=setTimeout(function(){n(e.instances,function(t){t.options.responsive&&t.resize(t.render,!0)})},50)}}()),p?define(function(){return e}):"object"==typeof module&&module.exports&&(module.exports=e),t.Chart=e,e.noConflict=function(){return t.Chart=i,e}}).call(this),function(){"use strict";var t=this,i=t.Chart,e=i.helpers,s={scaleBeginAtZero:!0,scaleShowGridLines:!0,scaleGridLineColor:"rgba(0,0,0,.05)",scaleGridLineWidth:1,scaleShowHorizontalLines:!0,scaleShowVerticalLines:!0,barShowStroke:!0,barStrokeWidth:2,barValueSpacing:5,barDatasetSpacing:1,legendTemplate:'
    <% for (var i=0; i
  • <%if(datasets[i].label){%><%=datasets[i].label%><%}%>
  • <%}%>
'};i.Type.extend({name:"Bar",defaults:s,initialize:function(t){var s=this.options;this.ScaleClass=i.Scale.extend({offsetGridLines:!0,calculateBarX:function(t,i,e){var n=this.calculateBaseWidth(),o=this.calculateX(e)-n/2,a=this.calculateBarWidth(t);return o+a*i+i*s.barDatasetSpacing+a/2},calculateBaseWidth:function(){return this.calculateX(1)-this.calculateX(0)-2*s.barValueSpacing},calculateBarWidth:function(t){var i=this.calculateBaseWidth()-(t-1)*s.barDatasetSpacing;return i/t}}),this.datasets=[],this.options.showTooltips&&e.bindEvents(this,this.options.tooltipEvents,function(t){var i="mouseout"!==t.type?this.getBarsAtEvent(t):[];this.eachBars(function(t){t.restore(["fillColor","strokeColor"])}),e.each(i,function(t){t.fillColor=t.highlightFill,t.strokeColor=t.highlightStroke}),this.showTooltip(i)}),this.BarClass=i.Rectangle.extend({strokeWidth:this.options.barStrokeWidth,showStroke:this.options.barShowStroke,ctx:this.chart.ctx}),e.each(t.datasets,function(i){var s={label:i.label||null,fillColor:i.fillColor,strokeColor:i.strokeColor,bars:[]};this.datasets.push(s),e.each(i.data,function(e,n){s.bars.push(new this.BarClass({value:e,label:t.labels[n],datasetLabel:i.label,strokeColor:i.strokeColor,fillColor:i.fillColor,highlightFill:i.highlightFill||i.fillColor,highlightStroke:i.highlightStroke||i.strokeColor}))},this)},this),this.buildScale(t.labels),this.BarClass.prototype.base=this.scale.endPoint,this.eachBars(function(t,i,s){e.extend(t,{width:this.scale.calculateBarWidth(this.datasets.length),x:this.scale.calculateBarX(this.datasets.length,s,i),y:this.scale.endPoint}),t.save()},this),this.render()},update:function(){this.scale.update(),e.each(this.activeElements,function(t){t.restore(["fillColor","strokeColor"])}),this.eachBars(function(t){t.save()}),this.render()},eachBars:function(t){e.each(this.datasets,function(i,s){e.each(i.bars,t,this,s)},this)},getBarsAtEvent:function(t){for(var i,s=[],n=e.getRelativePosition(t),o=function(t){s.push(t.bars[i])},a=0;a<% for (var i=0; i
  • <%if(segments[i].label){%><%=segments[i].label%><%}%>
  • <%}%>'};i.Type.extend({name:"Doughnut",defaults:s,initialize:function(t){this.segments=[],this.outerRadius=(e.min([this.chart.width,this.chart.height])-this.options.segmentStrokeWidth/2)/2,this.SegmentArc=i.Arc.extend({ctx:this.chart.ctx,x:this.chart.width/2,y:this.chart.height/2}),this.options.showTooltips&&e.bindEvents(this,this.options.tooltipEvents,function(t){var i="mouseout"!==t.type?this.getSegmentsAtEvent(t):[];e.each(this.segments,function(t){t.restore(["fillColor"])}),e.each(i,function(t){t.fillColor=t.highlightColor}),this.showTooltip(i)}),this.calculateTotal(t),e.each(t,function(t,i){this.addData(t,i,!0)},this),this.render()},getSegmentsAtEvent:function(t){var i=[],s=e.getRelativePosition(t);return e.each(this.segments,function(t){t.inRange(s.x,s.y)&&i.push(t)},this),i},addData:function(t,i,e){var s=i||this.segments.length;this.segments.splice(s,0,new this.SegmentArc({value:t.value,outerRadius:this.options.animateScale?0:this.outerRadius,innerRadius:this.options.animateScale?0:this.outerRadius/100*this.options.percentageInnerCutout,fillColor:t.color,highlightColor:t.highlight||t.color,showStroke:this.options.segmentShowStroke,strokeWidth:this.options.segmentStrokeWidth,strokeColor:this.options.segmentStrokeColor,startAngle:1.5*Math.PI,circumference:this.options.animateRotate?0:this.calculateCircumference(t.value),label:t.label})),e||(this.reflow(),this.update())},calculateCircumference:function(t){return 2*Math.PI*(t/this.total)},calculateTotal:function(t){this.total=0,e.each(t,function(t){this.total+=t.value},this)},update:function(){this.calculateTotal(this.segments),e.each(this.activeElements,function(t){t.restore(["fillColor"])}),e.each(this.segments,function(t){t.save()}),this.render()},removeData:function(t){var i=e.isNumber(t)?t:this.segments.length-1;this.segments.splice(i,1),this.reflow(),this.update()},reflow:function(){e.extend(this.SegmentArc.prototype,{x:this.chart.width/2,y:this.chart.height/2}),this.outerRadius=(e.min([this.chart.width,this.chart.height])-this.options.segmentStrokeWidth/2)/2,e.each(this.segments,function(t){t.update({outerRadius:this.outerRadius,innerRadius:this.outerRadius/100*this.options.percentageInnerCutout})},this)},draw:function(t){var i=t?t:1;this.clear(),e.each(this.segments,function(t,e){t.transition({circumference:this.calculateCircumference(t.value),outerRadius:this.outerRadius,innerRadius:this.outerRadius/100*this.options.percentageInnerCutout},i),t.endAngle=t.startAngle+t.circumference,t.draw(),0===e&&(t.startAngle=1.5*Math.PI),e<% for (var i=0; i
  • <%if(datasets[i].label){%><%=datasets[i].label%><%}%>
  • <%}%>'};i.Type.extend({name:"Line",defaults:s,initialize:function(t){this.PointClass=i.Point.extend({strokeWidth:this.options.pointDotStrokeWidth,radius:this.options.pointDotRadius,display:this.options.pointDot,hitDetectionRadius:this.options.pointHitDetectionRadius,ctx:this.chart.ctx,inRange:function(t){return Math.pow(t-this.x,2)0&&ithis.scale.endPoint?t.controlPoints.outer.y=this.scale.endPoint:t.controlPoints.outer.ythis.scale.endPoint?t.controlPoints.inner.y=this.scale.endPoint:t.controlPoints.inner.y0&&(s.lineTo(h[h.length-1].x,this.scale.endPoint),s.lineTo(h[0].x,this.scale.endPoint),s.fillStyle=t.fillColor,s.closePath(),s.fill()),e.each(h,function(t){t.draw()})},this)}})}.call(this),function(){"use strict";var t=this,i=t.Chart,e=i.helpers,s={scaleShowLabelBackdrop:!0,scaleBackdropColor:"rgba(255,255,255,0.75)",scaleBeginAtZero:!0,scaleBackdropPaddingY:2,scaleBackdropPaddingX:2,scaleShowLine:!0,segmentShowStroke:!0,segmentStrokeColor:"#fff",segmentStrokeWidth:2,animationSteps:100,animationEasing:"easeOutBounce",animateRotate:!0,animateScale:!1,legendTemplate:'
      <% for (var i=0; i
    • <%if(segments[i].label){%><%=segments[i].label%><%}%>
    • <%}%>
    '};i.Type.extend({name:"PolarArea",defaults:s,initialize:function(t){this.segments=[],this.SegmentArc=i.Arc.extend({showStroke:this.options.segmentShowStroke,strokeWidth:this.options.segmentStrokeWidth,strokeColor:this.options.segmentStrokeColor,ctx:this.chart.ctx,innerRadius:0,x:this.chart.width/2,y:this.chart.height/2}),this.scale=new i.RadialScale({display:this.options.showScale,fontStyle:this.options.scaleFontStyle,fontSize:this.options.scaleFontSize,fontFamily:this.options.scaleFontFamily,fontColor:this.options.scaleFontColor,showLabels:this.options.scaleShowLabels,showLabelBackdrop:this.options.scaleShowLabelBackdrop,backdropColor:this.options.scaleBackdropColor,backdropPaddingY:this.options.scaleBackdropPaddingY,backdropPaddingX:this.options.scaleBackdropPaddingX,lineWidth:this.options.scaleShowLine?this.options.scaleLineWidth:0,lineColor:this.options.scaleLineColor,lineArc:!0,width:this.chart.width,height:this.chart.height,xCenter:this.chart.width/2,yCenter:this.chart.height/2,ctx:this.chart.ctx,templateString:this.options.scaleLabel,valuesCount:t.length}),this.updateScaleRange(t),this.scale.update(),e.each(t,function(t,i){this.addData(t,i,!0)},this),this.options.showTooltips&&e.bindEvents(this,this.options.tooltipEvents,function(t){var i="mouseout"!==t.type?this.getSegmentsAtEvent(t):[];e.each(this.segments,function(t){t.restore(["fillColor"])}),e.each(i,function(t){t.fillColor=t.highlightColor}),this.showTooltip(i)}),this.render()},getSegmentsAtEvent:function(t){var i=[],s=e.getRelativePosition(t);return e.each(this.segments,function(t){t.inRange(s.x,s.y)&&i.push(t)},this),i},addData:function(t,i,e){var s=i||this.segments.length;this.segments.splice(s,0,new this.SegmentArc({fillColor:t.color,highlightColor:t.highlight||t.color,label:t.label,value:t.value,outerRadius:this.options.animateScale?0:this.scale.calculateCenterOffset(t.value),circumference:this.options.animateRotate?0:this.scale.getCircumference(),startAngle:1.5*Math.PI})),e||(this.reflow(),this.update())},removeData:function(t){var i=e.isNumber(t)?t:this.segments.length-1;this.segments.splice(i,1),this.reflow(),this.update()},calculateTotal:function(t){this.total=0,e.each(t,function(t){this.total+=t.value},this),this.scale.valuesCount=this.segments.length},updateScaleRange:function(t){var i=[];e.each(t,function(t){i.push(t.value)});var s=this.options.scaleOverride?{steps:this.options.scaleSteps,stepValue:this.options.scaleStepWidth,min:this.options.scaleStartValue,max:this.options.scaleStartValue+this.options.scaleSteps*this.options.scaleStepWidth}:e.calculateScaleRange(i,e.min([this.chart.width,this.chart.height])/2,this.options.scaleFontSize,this.options.scaleBeginAtZero,this.options.scaleIntegersOnly);e.extend(this.scale,s,{size:e.min([this.chart.width,this.chart.height]),xCenter:this.chart.width/2,yCenter:this.chart.height/2})},update:function(){this.calculateTotal(this.segments),e.each(this.segments,function(t){t.save()}),this.render()},reflow:function(){e.extend(this.SegmentArc.prototype,{x:this.chart.width/2,y:this.chart.height/2}),this.updateScaleRange(this.segments),this.scale.update(),e.extend(this.scale,{xCenter:this.chart.width/2,yCenter:this.chart.height/2}),e.each(this.segments,function(t){t.update({outerRadius:this.scale.calculateCenterOffset(t.value)})},this)},draw:function(t){var i=t||1;this.clear(),e.each(this.segments,function(t,e){t.transition({circumference:this.scale.getCircumference(),outerRadius:this.scale.calculateCenterOffset(t.value)},i),t.endAngle=t.startAngle+t.circumference,0===e&&(t.startAngle=1.5*Math.PI),e<% for (var i=0; i
  • <%if(datasets[i].label){%><%=datasets[i].label%><%}%>
  • <%}%>'},initialize:function(t){this.PointClass=i.Point.extend({strokeWidth:this.options.pointDotStrokeWidth,radius:this.options.pointDotRadius,display:this.options.pointDot,hitDetectionRadius:this.options.pointHitDetectionRadius,ctx:this.chart.ctx}),this.datasets=[],this.buildScale(t),this.options.showTooltips&&e.bindEvents(this,this.options.tooltipEvents,function(t){var i="mouseout"!==t.type?this.getPointsAtEvent(t):[];this.eachPoints(function(t){t.restore(["fillColor","strokeColor"])}),e.each(i,function(t){t.fillColor=t.highlightFill,t.strokeColor=t.highlightStroke}),this.showTooltip(i)}),e.each(t.datasets,function(i){var s={label:i.label||null,fillColor:i.fillColor,strokeColor:i.strokeColor,pointColor:i.pointColor,pointStrokeColor:i.pointStrokeColor,points:[]};this.datasets.push(s),e.each(i.data,function(e,n){var o;this.scale.animation||(o=this.scale.getPointPosition(n,this.scale.calculateCenterOffset(e))),s.points.push(new this.PointClass({value:e,label:t.labels[n],datasetLabel:i.label,x:this.options.animation?this.scale.xCenter:o.x,y:this.options.animation?this.scale.yCenter:o.y,strokeColor:i.pointStrokeColor,fillColor:i.pointColor,highlightFill:i.pointHighlightFill||i.pointColor,highlightStroke:i.pointHighlightStroke||i.pointStrokeColor}))},this)},this),this.render()},eachPoints:function(t){e.each(this.datasets,function(i){e.each(i.points,t,this)},this)},getPointsAtEvent:function(t){var i=e.getRelativePosition(t),s=e.getAngleFromPoint({x:this.scale.xCenter,y:this.scale.yCenter},i),n=2*Math.PI/this.scale.valuesCount,o=Math.round((s.angle-1.5*Math.PI)/n),a=[];return(o>=this.scale.valuesCount||0>o)&&(o=0),s.distance<=this.scale.drawingArea&&e.each(this.datasets,function(t){a.push(t.points[o])}),a},buildScale:function(t){this.scale=new i.RadialScale({display:this.options.showScale,fontStyle:this.options.scaleFontStyle,fontSize:this.options.scaleFontSize,fontFamily:this.options.scaleFontFamily,fontColor:this.options.scaleFontColor,showLabels:this.options.scaleShowLabels,showLabelBackdrop:this.options.scaleShowLabelBackdrop,backdropColor:this.options.scaleBackdropColor,backdropPaddingY:this.options.scaleBackdropPaddingY,backdropPaddingX:this.options.scaleBackdropPaddingX,lineWidth:this.options.scaleShowLine?this.options.scaleLineWidth:0,lineColor:this.options.scaleLineColor,angleLineColor:this.options.angleLineColor,angleLineWidth:this.options.angleShowLineOut?this.options.angleLineWidth:0,pointLabelFontColor:this.options.pointLabelFontColor,pointLabelFontSize:this.options.pointLabelFontSize,pointLabelFontFamily:this.options.pointLabelFontFamily,pointLabelFontStyle:this.options.pointLabelFontStyle,height:this.chart.height,width:this.chart.width,xCenter:this.chart.width/2,yCenter:this.chart.height/2,ctx:this.chart.ctx,templateString:this.options.scaleLabel,labels:t.labels,valuesCount:t.datasets[0].data.length}),this.scale.setScaleSize(),this.updateScaleRange(t.datasets),this.scale.buildYLabels()},updateScaleRange:function(t){var i=function(){var i=[];return e.each(t,function(t){t.data?i=i.concat(t.data):e.each(t.points,function(t){i.push(t.value)})}),i}(),s=this.options.scaleOverride?{steps:this.options.scaleSteps,stepValue:this.options.scaleStepWidth,min:this.options.scaleStartValue,max:this.options.scaleStartValue+this.options.scaleSteps*this.options.scaleStepWidth}:e.calculateScaleRange(i,e.min([this.chart.width,this.chart.height])/2,this.options.scaleFontSize,this.options.scaleBeginAtZero,this.options.scaleIntegersOnly);e.extend(this.scale,s)},addData:function(t,i){this.scale.valuesCount++,e.each(t,function(t,e){var s=this.scale.getPointPosition(this.scale.valuesCount,this.scale.calculateCenterOffset(t));this.datasets[e].points.push(new this.PointClass({value:t,label:i,x:s.x,y:s.y,strokeColor:this.datasets[e].pointStrokeColor,fillColor:this.datasets[e].pointColor}))},this),this.scale.labels.push(i),this.reflow(),this.update()},removeData:function(){this.scale.valuesCount--,this.scale.labels.shift(),e.each(this.datasets,function(t){t.points.shift()},this),this.reflow(),this.update()},update:function(){this.eachPoints(function(t){t.save()}),this.reflow(),this.render()},reflow:function(){e.extend(this.scale,{width:this.chart.width,height:this.chart.height,size:e.min([this.chart.width,this.chart.height]),xCenter:this.chart.width/2,yCenter:this.chart.height/2}),this.updateScaleRange(this.datasets),this.scale.setScaleSize(),this.scale.buildYLabels()},draw:function(t){var i=t||1,s=this.chart.ctx;this.clear(),this.scale.draw(),e.each(this.datasets,function(t){e.each(t.points,function(t,e){t.hasValue()&&t.transition(this.scale.getPointPosition(e,this.scale.calculateCenterOffset(t.value)),i)},this),s.lineWidth=this.options.datasetStrokeWidth,s.strokeStyle=t.strokeColor,s.beginPath(),e.each(t.points,function(t,i){0===i?s.moveTo(t.x,t.y):s.lineTo(t.x,t.y)},this),s.closePath(),s.stroke(),s.fillStyle=t.fillColor,s.fill(),e.each(t.points,function(t){t.hasValue()&&t.draw()})},this)}})}.call(this); diff --git a/reports/test_report.html b/reports/test_report.html index 9de5030..f3bde9b 100644 --- a/reports/test_report.html +++ b/reports/test_report.html @@ -13,12 +13,17 @@ + + + + + @@ -44,98 +49,100 @@
    -
    +
    - 1 scenarios failed of 2 +
    + +
    + 1 features failed of 4 + features +
    +
    +
    + +
    + 2 scenarios failed of 3 scenarios
    - 3 steps failed of 5 +
    + +
    + 4 steps failed of 7

    Suite: Default

    + +
    +
    +
    +

    Feature: Admin permissions

    -

    In order to perform admin tasks
    +

    +
    +

    In order to perform admin tasks
    As an administrator
    I need to have permissions on everything

    -
    -
    -

    Scenario: As an administrator I can add a node

    - api - javascript -
    -
    /Library/WebServer/Documents/cegeka/cdh-composer/features/generic/administrator_permissions.feature: 9
    -
    -
    - Given I am logged in as a user with the "administrator" role -
    -
    -
    - When I am on the homepage -
    + -
    -
    - Then I should see the text Logout -
    +
    +
    +
    +
    +
    +

    Feature: Main

    -
    -
    - Given I am logged in as a user with the "administrator" role -
    +
    +

    In order to acces the footer
    +As a visitor
    +I should see a footer

    -
    -
    - When I am on the homepage -
    + -
    -
    - Then I should see the text Login -
    +
    +
    +
    +
    +
    +

    Feature: Main

    -
    -
    - Given I am logged in as a user with the "administrator" role -
    +
    +

    In order to confirm the website basics are configured right
    +As a visitor
    +I see some basic things and be able to access the website

    -
    -
    - When I am on the homepage -
    + -
    -
    - Then I should see the text User -
    +
    +
    +
    +
    +
    +

    Feature: Pages

    -
    -

    Feature: Main

    -

    In order to confirm the website basics are configured right
    +

    +

    In order to use the website
    As a visitor
    -I see some basic things and be able to access the website

    -
    -
    -

    Scenario: Check the homepage

    - api -
    -
    /Library/WebServer/Documents/cegeka/cdh-composer/features/generic/main.feature: 8
    -
    -
    - Given I am on the homepage -
    +All pages should be accesible

    -
    -
    - Then I should get a "200" HTTP response -
    + -
    -
    +
    +
    +
    +

    @@ -144,5 +151,61 @@

    Scenario: Check the homepage

    + + diff --git a/src/BehatHTMLFormatter.php b/src/BehatHTMLFormatter.php index a6ae83e..7daa3cd 100644 --- a/src/BehatHTMLFormatter.php +++ b/src/BehatHTMLFormatter.php @@ -69,6 +69,16 @@ class BehatHTMLFormatter implements Formatter */ private $passedScenarios; + /** + * @var Feature[] + */ + private $failedFeatures; + + /** + * @var Feature[] + */ + private $passedFeatures; + /** * @var Step[] */ @@ -202,6 +212,11 @@ public function onBeforeFeatureTested(BeforeFeatureTested $event) public function onAfterFeatureTested(AfterFeatureTested $event) { $this->currentSuite->addFeature($this->currentFeature); + if ($this->currentFeature->allPassed()) { + $this->passedFeatures[] = $this->currentFeature; + } else { + $this->failedFeatures[] = $this->currentFeature; + } } /** @@ -225,8 +240,10 @@ public function onAfterScenarioTested(AfterScenarioTested $event) if ($scenarioPassed) { $this->passedScenarios[] = $this->currentScenario; + $this->currentFeature->addPassedScenario(); } else { $this->failedScenarios[] = $this->currentScenario; + $this->currentFeature->addFailedScenario(); } $this->currentScenario->setPassed($event->getTestResult()->isPassed()); @@ -307,6 +324,8 @@ public function createReport() 'passedScenarios' => $this->passedScenarios, 'failedSteps' => $this->failedSteps, 'passedSteps' => $this->passedSteps, + 'failedFeatures' => $this->failedFeatures, + 'passedFeatures' => $this->passedFeatures, ) ); diff --git a/src/Classes/Feature.php b/src/Classes/Feature.php index 38f0c68..f2c2120 100644 --- a/src/Classes/Feature.php +++ b/src/Classes/Feature.php @@ -15,6 +15,8 @@ class Feature private $description; private $tags; private $file; + private $failedScenarios = 0; + private $passedScenarios = 0; /** * @var Scenario[] @@ -105,4 +107,62 @@ public function addScenario($scenario) { $this->scenarios[] = $scenario; } + + /** + * @return mixed + */ + public function getFailedScenarios() + { + return $this->failedScenarios; + } + + /** + * @param mixed $failedScenarios + */ + public function setFailedScenarios($failedScenarios) + { + $this->failedScenarios = $failedScenarios; + } + + public function addFailedScenario($number = 1) + { + $this->failedScenarios++; + } + + /** + * @return mixed + */ + public function getPassedScenarios() + { + return $this->passedScenarios; + } + + /** + * @param mixed $passedScenarios + */ + public function setPassedScenarios($passedScenarios) + { + $this->passedScenarios = $passedScenarios; + } + + public function addPassedScenario($number = 1) + { + $this->passedScenarios++; + } + + public function allPassed() + { + if ($this->failedScenarios == 0) { + return true; + } + return false; + } + + public function getPassedClass() + { + if ($this->allPassed()) { + return "passed"; + } + return "failed"; + } } diff --git a/templates/index.backup.html.twig b/templates/index.backup.html.twig new file mode 100644 index 0000000..c3d1629 --- /dev/null +++ b/templates/index.backup.html.twig @@ -0,0 +1,98 @@ + + + + + + + Bootstrap 101 Template + + + + + + + + + + + + + + + + + +
    +
    +
    + {{ failedScenarios|length }} scenarios failed of {{ (failedScenarios|length) + (passedScenarios|length) }} + scenarios +
    +
    + {{ failedSteps|length }} steps failed of {{ (failedSteps|length) + (passedSteps|length) }} +
    +
    +
    + {% for suite in suites %} +
    +
    +

    Suite: {{ suite.name }}

    + {% for feature in suite.features %} +

    Feature: {{ feature.name }}

    + {% for tag in feature.tags %} + {{ tag }} + {% endfor %} +

    {{ feature.description|raw|nl2br }}

    + {% for scenario in feature.scenarios %} +
    +
    +

    Scenario: {{ scenario.name }}

    + {% for tag in scenario.tags %} + {{ tag }} + {% endfor %} +
    +
    {{ feature.file }}: {{ scenario.line }}
    + {% for step in scenario.steps %} +
    +
    + {{ step.keyword }} {{ step.text }} +
    +
    + {% endfor %} +
    + {% endfor %} + {% endfor %} +
    +
    +
    + {% endfor %} +
    + + + + + + + diff --git a/templates/index.html.twig b/templates/index.html.twig index c3d1629..9fa4696 100644 --- a/templates/index.html.twig +++ b/templates/index.html.twig @@ -13,12 +13,17 @@ + + + + + @@ -45,12 +50,25 @@
    -
    +
    +
    + +
    + {{ failedFeatures|length }} features failed of {{ (failedFeatures|length) + (passedFeatures|length) }} + features +
    +
    +
    + +
    {{ failedScenarios|length }} scenarios failed of {{ (failedScenarios|length) + (passedScenarios|length) }} scenarios
    +
    + +
    {{ failedSteps|length }} steps failed of {{ (failedSteps|length) + (passedSteps|length) }}
    @@ -59,31 +77,28 @@

    Suite: {{ suite.name }}

    - {% for feature in suite.features %} -

    Feature: {{ feature.name }}

    - {% for tag in feature.tags %} - {{ tag }} - {% endfor %} -

    {{ feature.description|raw|nl2br }}

    - {% for scenario in feature.scenarios %} -
    -
    -

    Scenario: {{ scenario.name }}

    - {% for tag in scenario.tags %} - {{ tag }} - {% endfor %} -
    -
    {{ feature.file }}: {{ scenario.line }}
    - {% for step in scenario.steps %} -
    -
    - {{ step.keyword }} {{ step.text }} + +
    + {% for feature in suite.features %} +
    +
    +
    +

    Feature: {{ feature.name }}

    +
    +
    +

    {{ feature.description|raw|nl2br }}

    +
    + - {% endfor %} +
    {% endfor %} - {% endfor %} +

    @@ -94,5 +109,61 @@ + + From c6843bb8809aa2a1da92c754669a20c839ed0011 Mon Sep 17 00:00:00 2001 From: Neal Vanmeert Date: Thu, 8 Jan 2015 12:49:05 +0100 Subject: [PATCH 11/55] Added percentages. --- assets/css/style.css | 25 ++++++++++++++++++++-- assets/css/style.less | 30 ++++++++++++++++++++++++-- reports/test_report.html | 44 +++++++++++++++++++++++++++++++++++++++ src/Classes/Feature.php | 15 +++++++++++++ templates/index.html.twig | 11 ++++++++++ 5 files changed, 121 insertions(+), 4 deletions(-) diff --git a/assets/css/style.css b/assets/css/style.css index 8aa5177..50727ea 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -12,11 +12,14 @@ body { width: 100%; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); } +.card:hover { + cursor: pointer; +} .card.passed .header { background-color: #00a65a; } .card.failed .header { - background-color: red; + background-color: #F56956; } .card .header { color: #fff; @@ -59,5 +62,23 @@ body { border-bottom-left-radius: 3px; padding: 10px; background-color: #ffffff; - height: 30px; +} +.card .footer .progress { + margin-bottom: 0px; +} +.progress { + height: 20px; + overflow: hidden; + background-color: #f5f5f5; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); +} +.progress .progress-bar-green { + background-color: #00a65a !important; + background-image: none !important; +} +.progress .progress-bar-red { + background-color: #f56954 !important; + background-image: none !important; } diff --git a/assets/css/style.less b/assets/css/style.less index 22327e0..0e4f0c1 100644 --- a/assets/css/style.less +++ b/assets/css/style.less @@ -13,6 +13,10 @@ body { width: 100%; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); + &:hover { + cursor: pointer; + } + &.passed { .header { background-color: #00a65a; @@ -21,7 +25,7 @@ body { &.failed { .header { - background-color: red; + background-color: #F56956; } } @@ -68,7 +72,29 @@ body { border-bottom-left-radius: 3px; padding: 10px; background-color: #ffffff; - height: 30px; + + .progress { + margin-bottom: 0px; + } + } + +} + +.progress { + height: 20px; + overflow: hidden; + background-color: #f5f5f5; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); + + .progress-bar-green { + background-color: #00a65a !important; + background-image: none !important; } + .progress-bar-red { + background-color: #f56954 !important; + background-image: none !important; + } } diff --git a/reports/test_report.html b/reports/test_report.html index f3bde9b..2fa46c5 100644 --- a/reports/test_report.html +++ b/reports/test_report.html @@ -90,6 +90,17 @@

    Feature: Admin permissions

    @@ -106,6 +117,17 @@

    Feature: Main

    @@ -122,6 +144,17 @@

    Feature: Main

    @@ -138,6 +171,17 @@

    Feature: Pages

    diff --git a/src/Classes/Feature.php b/src/Classes/Feature.php index f2c2120..3495768 100644 --- a/src/Classes/Feature.php +++ b/src/Classes/Feature.php @@ -165,4 +165,19 @@ public function getPassedClass() } return "failed"; } + + public function getPercentPassed() + { + return ($this->getPassedScenarios() / ($this->getTotalAmountOfScenarios())) * 100; + } + + public function getPercentFailed() + { + return ($this->getPassedScenarios() / ($this->getTotalAmountOfScenarios())) * 100; + } + + public function getTotalAmountOfScenarios() + { + return $this->getPassedScenarios() + $this->getFailedScenarios(); + } } diff --git a/templates/index.html.twig b/templates/index.html.twig index 9fa4696..27fcbcc 100644 --- a/templates/index.html.twig +++ b/templates/index.html.twig @@ -94,6 +94,17 @@ {{ tag }} {% endfor %}
    +
    + +
    + 40% Complete (success) +
    +
    + 40% Complete (success) +
    +
    From edc8cb4698b525e5c12e956d9a902e2b665335bf Mon Sep 17 00:00:00 2001 From: dutchiexl Date: Thu, 8 Jan 2015 13:57:02 +0100 Subject: [PATCH 12/55] Update README.md --- README.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/README.md b/README.md index 06ccc35..fa0bc43 100644 --- a/README.md +++ b/README.md @@ -21,3 +21,5 @@ To be done: 3. Add bootstrap as dependency 4. clean up html report 5. ... +6. + From 93c824e3ac21ec2bf4502505463c750b8fe32c56 Mon Sep 17 00:00:00 2001 From: dutchiexl Date: Thu, 8 Jan 2015 13:57:56 +0100 Subject: [PATCH 13/55] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index fa0bc43..d2beea1 100644 --- a/README.md +++ b/README.md @@ -22,4 +22,4 @@ To be done: 4. clean up html report 5. ... 6. - + From 05afe73aca8d41f7829a230f2fc68f6737a0203b Mon Sep 17 00:00:00 2001 From: Neal Vanmeert Date: Thu, 8 Jan 2015 14:25:50 +0100 Subject: [PATCH 14/55] Creating detail view. --- assets/css/style.css | 1 + assets/css/style.less | 2 ++ reports/test_report.html | 40 ++++++++++++++++++++++++++++++++------- templates/index.html.twig | 28 ++++++++++++++++++++++++++- 4 files changed, 63 insertions(+), 8 deletions(-) diff --git a/assets/css/style.css b/assets/css/style.css index 50727ea..36d50ce 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1,3 +1,4 @@ +@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700); body { background-color: #f9f9f9; font-family: 'Source Sans Pro', sans-serif; diff --git a/assets/css/style.less b/assets/css/style.less index 0e4f0c1..4426ad2 100644 --- a/assets/css/style.less +++ b/assets/css/style.less @@ -1,3 +1,5 @@ +@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700); + body { background-color: #f9f9f9; font-family: 'Source Sans Pro', sans-serif; diff --git a/reports/test_report.html b/reports/test_report.html index 2fa46c5..22848ea 100644 --- a/reports/test_report.html +++ b/reports/test_report.html @@ -4,7 +4,7 @@ - Bootstrap 101 Template + Behat Tests @@ -61,16 +61,22 @@
    - 2 scenarios failed of 3 + 3 scenarios failed of 4 scenarios
    - 4 steps failed of 7 + 5 steps failed of 8
    +
    +
    + All + Passed + Failed +

    @@ -147,11 +153,11 @@

    Feature: Main

    + style="width: 33.333333333333%"> 40% Complete (success)
    + style="width: 33.333333333333%"> 40% Complete (success)
    @@ -214,7 +220,7 @@

    Feature: Pages

    var scenarioData = [ { - value: 2, + value: 3, color: "#F7464A", highlight: "#FF5A5E", label: "Failed" @@ -229,7 +235,7 @@

    Feature: Pages

    var stepData = [ { - value: 4, + value: 5, color: "#F7464A", highlight: "#FF5A5E", label: "Failed" @@ -251,5 +257,25 @@

    Feature: Pages

    new Chart(stepChart).Doughnut(stepData); }; + diff --git a/templates/index.html.twig b/templates/index.html.twig index 27fcbcc..b75082b 100644 --- a/templates/index.html.twig +++ b/templates/index.html.twig @@ -4,7 +4,7 @@ - Bootstrap 101 Template + Behat Tests @@ -73,6 +73,12 @@

    +
    + All + Passed + Failed +
    +
    {% for suite in suites %}
    @@ -176,5 +182,25 @@ new Chart(stepChart).Doughnut(stepData); }; + From 26f485c3cca9612db72c90e9cc50ece5bba77b6a Mon Sep 17 00:00:00 2001 From: Neal Vanmeert Date: Thu, 8 Jan 2015 14:28:21 +0100 Subject: [PATCH 15/55] Refactoring. --- src/BehatHTMLFormatter.php | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/BehatHTMLFormatter.php b/src/BehatHTMLFormatter.php index 7daa3cd..9efb4d9 100644 --- a/src/BehatHTMLFormatter.php +++ b/src/BehatHTMLFormatter.php @@ -98,6 +98,7 @@ function __construct($name) $this->name = $name; } + // /** * Returns an array of event names this subscriber wants to listen to. * @@ -172,7 +173,9 @@ public function getParameter($name) { return $this->parameters[$name]; } + // + // public function onBeforeExercise(BeforeExerciseCompleted $event) { } @@ -309,7 +312,9 @@ public function onAfterStepTested(AfterStepTested $event) $this->currentScenario->addStep($step); } + // + // public function createReport() { $templatePath = dirname(__FILE__) . '/../templates'; @@ -340,4 +345,5 @@ public function printText($text) { file_put_contents('php://stdout', $text); } + // } From 5ba56f5393fcdf6878d1be816a8da72ff46cd16c Mon Sep 17 00:00:00 2001 From: Neal Vanmeert Date: Thu, 8 Jan 2015 15:01:30 +0100 Subject: [PATCH 16/55] Added detail view. --- reports/test_report.html | 249 ++++++++++++++++++++++++------------- src/BehatHTMLFormatter.php | 2 + src/Classes/Feature.php | 2 +- templates/index.html.twig | 78 +++++++----- 4 files changed, 216 insertions(+), 115 deletions(-) diff --git a/reports/test_report.html b/reports/test_report.html index 22848ea..af91f54 100644 --- a/reports/test_report.html +++ b/reports/test_report.html @@ -54,7 +54,7 @@
    - 1 features failed of 4 + 2 features failed of 4 features
    @@ -83,113 +83,183 @@

    Suite: Default

    -
    -
    -
    -

    Feature: Admin permissions

    -
    -
    -

    In order to perform admin tasks
    +

    +
    +
    +
    +

    Feature: Admin permissions

    +
    +
    +

    In order to perform admin tasks
    As an administrator
    I need to have permissions on everything

    -
    - +
    -
    -
    -
    -

    Feature: Main

    -
    -
    -

    In order to acces the footer
    +

    +
    +
    +
    +

    Feature: Main

    +
    +
    +

    In order to acces the footer
    As a visitor
    I should see a footer

    -
    - +
    -
    -
    -
    -

    Feature: Main

    -
    -
    -

    In order to confirm the website basics are configured right
    +

    +
    +
    +
    +

    Feature: Main

    +
    +
    +

    In order to confirm the website basics are configured right
    As a visitor
    I see some basic things and be able to access the website

    -
    - +
    -
    -
    -
    -

    Feature: Pages

    -
    -
    -

    In order to use the website
    +

    +
    +
    +
    +

    Feature: Pages

    +
    +
    +

    In order to use the website
    As a visitor
    All pages should be accesible

    -
    - +
    @@ -205,13 +275,13 @@

    Feature: Pages

    diff --git a/src/BehatHTMLFormatter.php b/src/BehatHTMLFormatter.php index 9efb4d9..0bdc832 100644 --- a/src/BehatHTMLFormatter.php +++ b/src/BehatHTMLFormatter.php @@ -274,8 +274,10 @@ public function onAfterOutlineTested(AfterOutlineTested $event) if ($scenarioPassed) { $this->passedScenarios[] = $this->currentScenario; + $this->currentFeature->addPassedScenario(); } else { $this->failedScenarios[] = $this->currentScenario; + $this->currentFeature->addFailedScenario(); } $this->currentScenario->setPassed($event->getTestResult()->isPassed()); diff --git a/src/Classes/Feature.php b/src/Classes/Feature.php index 3495768..28d6532 100644 --- a/src/Classes/Feature.php +++ b/src/Classes/Feature.php @@ -173,7 +173,7 @@ public function getPercentPassed() public function getPercentFailed() { - return ($this->getPassedScenarios() / ($this->getTotalAmountOfScenarios())) * 100; + return ($this->getFailedScenarios() / ($this->getTotalAmountOfScenarios())) * 100; } public function getTotalAmountOfScenarios() diff --git a/templates/index.html.twig b/templates/index.html.twig index b75082b..e9b1972 100644 --- a/templates/index.html.twig +++ b/templates/index.html.twig @@ -86,33 +86,48 @@
    {% for feature in suite.features %} -
    -
    -
    -

    Feature: {{ feature.name }}

    -
    -
    -

    {{ feature.description|raw|nl2br }}

    -
    -