<!--
 ! NOTE: Please do not edit this file directly
 ! Create your custom reports in the 'ext' folder
 !-->
<div class="container-fluid" style="padding-left: 20px">
 <table ng-show="report.trend_available" style="width: 100%; line-height: 2.8em;">
    <tr>
      <td>{{report.failed_tests}} failed tests ({{report.successful_tests}} passed)</td>
      <td>{{report.failed_tests_trend_text}}</td>
      <td><sprite class="trend-symbol" img="{{report.failed_tests_trend_symbol}}" sprite-class="icon"></sprite></td>
    </tr>
   <tr>
     <td>{{report.flakiness_score}}% flakiness score</td>
     <td>{{report.flakiness_score_trend_text}}%</td>
     <td><sprite class="trend-symbol" img="{{report.flakiness_score_trend_symbol}}" sprite-class="icon"></sprite></td>
   </tr>
    <tr>
      <td>{{report.average_duration}}ms average test duration</td>
      <td>{{report.average_duration_trend_text}}ms</td>
      <td><sprite class="trend-symbol" img="{{report.average_duration_trend_symbol}}" sprite-class="icon"></sprite></td>
    </tr>
    <tr>
      <td>{{report.overall_run_time}} overall run time</td>
      <td>{{report.overall_run_time_trend_text}}</td>
      <td><sprite class="trend-symbol" img="{{report.overall_run_time_trend_symbol}}" sprite-class="icon"></sprite></td>
    </tr>
  </table>
   <table ng-hide="report.trend_available" style="width: 100%; font-size: 120%; line-height: 2.4em">
   <tr>
   <td>No trend available, current results are:</td>
   </tr>
    <tr>
      <td>{{report.successful_tests}} successful tests</td>
    </tr>
    <tr>
      <td>{{report.failed_tests}} failed tests</td>
    </tr>
   <tr>
     <td>{{report.flakiness_score}}% flakiness score</td>
   </tr>
    <tr>
      <td>{{report.average_duration}}ms average test duration</td>
    </tr>
    <tr>
      <td>{{report.overall_run_time}} overall run time</td>
    </tr>
  </table>
</div>