<!--
 ! NOTE: Please do not edit this file directly
 ! Create your custom reports in the 'ext' folder
 !-->
<table class="flakiness-overview" ng-show="report.tests.length">
    <colgroup>
        <col style="width: 60px;">
        <col style="width: 200px;">
        <!--<col style="width: auto;" ng-repeat="t in report.tests">-->
    </colgroup>
    <thead>
    <tr>
        <th>Flakiness</th>
        <th>Test Name</th>
    </tr>
    </thead>
    <tfoot>
    <tr>
        <th colspan="2">
        </th>
        <th ng-repeat="t in report.dates">{{t | date : 'dd MMM'}}<br/>{{t | date : 'HH:mm'}}</th>
    </tr>
    </tfoot>
    <tbody>
    <tr ng-repeat="test in report.tests">
        <td>{{test.flakiness}}%</td>
        <td data-role="testCaseDetails" style="cursor: pointer;"><a ng-click="openTestCaseDetails(report.testSpecification, test.name)">{{test.label}}</a></td>
        <td class="flakiness-overview-result"
            ng-repeat="result in test.results track by $index"
            ng-mouseenter="$parent.$parent.selected_test_result = result; $parent.$parent.selected_test_run = test; $parent.$parent.selected_test_date = report.dates[$index]"
            ng-mouseleave="$parent.$parent.selected_test_result = null; $parent.$parent.selected_test_run = null; $parent.$parent.selected_test_date = null"
            ng-class="{passed: result.result === true, failed: result.result === false, 'first-child': $first, 'last-child': $last}">
        </td>
    </tr>
    </tbody>
</table>

<table class="flakiness-overview" ng-hide="report.tests.length">
    <tr>
        <td>No flakiness information available. Execute a test specification or import existing test results.</td>
    </tr>
</table>