| <!DOCTYPE html> |
| <head> |
| <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> |
| <title>Coverage Summary for {{project}} - {{data.commit_position or revision}} - {{path}}</title> |
| <meta charset="utf-8"> |
| <link rel="stylesheet" href="/common.css"> |
| <style> |
| .coverage-header { |
| padding: 5px 10px; |
| border-bottom: 1px solid #DBDBDB; |
| background-color: #EEE; |
| line-height: 24px; |
| text-align: center; |
| font-weight: bold; |
| font-size: 18px; |
| } |
| .low-coverage { |
| background-color: #FFD0D0; |
| } |
| .medium-coverage { |
| background-color: #FFFFD0; |
| } |
| .high-coverage { |
| background-color: #D0FFD0; |
| } |
| .legend { |
| font-size: 14px; |
| } |
| .legend .color-sample { |
| padding: 2px 8px; |
| border: 1px solid black; |
| display: inline; |
| } |
| tbody tr:hover td, tfoot tr:hover td { |
| background-color: #F5F5F5; |
| border-color: #E4E4E4 !important; |
| } |
| thead a:hover { |
| background-color: yellow; |
| } |
| thead tr { |
| font-size: 16px; |
| } |
| tbody tr { |
| font-size: 14px; |
| } |
| tfoot tr { |
| font-size: 16px; |
| } |
| .warning { |
| background-color: #FFD0D0; |
| padding: 10px; |
| margin: 10px; |
| border-radius: 5px; |
| font-family: sans-serif; |
| font-style: italic; |
| } |
| </style> |
| <script src="/bower_components/webcomponentsjs/webcomponents-lite.js"></script> |
| <link rel="import" href="/ui/elements/cats-app.html"> |
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> |
| <script src="/ui/js/coverage.js"></script> |
| <script> |
| function FilterComponents() { |
| let filterString = $('#filter').val() || ''; |
| let filterValuesLower = filterString.split(','); |
| // Remove empty values. |
| filterValuesLower = $.map(filterValuesLower, function(v, i) { |
| return $.trim(v); |
| }); |
| filterValuesLower = filterValuesLower.filter(function(v) { |
| return v !== ''; |
| }); |
| |
| $('tbody tr').each(function(index, trElement) { |
| // Empty search matches everything. |
| let match = filterValuesLower.length == 0; |
| |
| let pathLower = $(trElement).data('path').toLowerCase(); |
| for (let filterValueLower of filterValuesLower) { |
| if (pathLower.includes(filterValueLower)) { |
| match = true; |
| break; |
| } |
| } |
| |
| if (match) { |
| $(trElement).show(); |
| } else { |
| $(trElement).hide(); |
| } |
| }); |
| } |
| $(function() { |
| document.getElementById('app').userInfo = {{ (user_info or {}) | tojson | safe }}; |
| $('#filter').on('keyup', FilterComponents); |
| $('#filter').on('change', FilterComponents); |
| }); |
| </script> |
| </head> |
| |
| <body> |
| <cats-app id="app" components="Tools>CodeCoverage" page-header="Code Coverage: summary by {{data_type}} (Chrome Browser for {{platform_ui_name}})"> |
| <div> |
| <div style="font-size:18px"> |
| <form id="platform_select_form" method="get"> |
| Platform: |
| <select id="platform_select" name="platform" onchange="switchPlatform()"> |
| {% for option in platform_select.options %} |
| <option value="{{option.value}}" {% if option.selected %}selected="selected" {% endif %}>{{option.ui_name}}</option> |
| {% endfor %} |
| </select> |
| View: |
| <select id="view_select" name="path" onchange="switchPlatform()"> |
| {% if data_type == 'components' %} |
| <option value="{{path}}" selected="selected">By Component</option> |
| <option value="//">By Directory</option> |
| {% else %} |
| <option value="{{path}}" selected="selected">By Directory</option> |
| <option value=">>">By Component</option> |
| {% endif %} |
| </select> |
| {% for name, value in platform_select.params.iteritems() %} |
| <input type="hidden" name="{{name}}" value="{{value}}"/> |
| {% endfor %} |
| See <a href="/p/chromium/coverage/dir?host={{host}}&project={{project}}&ref={{ref}}&platform={{platform}}&list_reports=true">Previous Reports</a> |
| </form> |
| <br> |
| <br> |
| {% if warning %} |
| <div class="warning">{{warning}}</div> |
| {% endif %} |
| </div> |
| <div class="legend"> |
| Legend: |
| <div class="color-sample high-coverage"> ≥ 90% </div> |
| <div class="color-sample medium-coverage"> 80% - 90% </div> |
| <div class="color-sample low-coverage"> < 80% </div> |
| </div> |
| <table> |
| <thead> |
| <tr class="coverage-header"> |
| <th colspan="4"> |
| <a href="/p/chromium/coverage?host={{host}}&project={{project}}&platform={{platform}}">{{project}}</a> |
| - {{data.commit_position or revision}} |
| {% if data_type == 'components' %} |
| {% if path_root == path %} |
| - <a href="/p/chromium/coverage/component?host={{host}}&project={{project}}&ref={{ref}}&revision={{revision}}&path=>>&platform={{platform}}">ALL</a> |
| {% else %} |
| - <a href="/p/chromium/coverage/component?host={{host}}&project={{project}}&ref={{ref}}&revision={{revision}}&path=>>&platform={{platform}}">ALL>></a><a style="padding-left:.3ex;" href="/p/chromium/coverage/component?host={{host}}&project={{project}}&ref={{ref}}&revision={{revision}}&path={{path}}&platform={{platform}}">{{path}}</a> |
| {% endif %} |
| {% else %} |
| - <a title="{{path_root}}" href="/p/chromium/coverage/dir?host={{host}}&project={{project}}&ref={{ref}}&revision={{revision}}&path={{path_root}}&platform={{platform}}">{{path_root}}</a>{% if path_parts %}{% for name, sub_path in path_parts %}<a style="padding-left:.3ex;" title="{{sub_path}}" href="/p/chromium/coverage/{{'dir' if name.endswith('/') else 'file'}}?host={{host}}&project={{project}}&ref={{ref}}&revision={{revision}}&path={{sub_path}}&platform={{platform}}">{{name}}</a>{% endfor %}{% endif %} |
| {% endif %} |
| </th> |
| </tr> |
| {% if data_type == 'components' and path == '>>'%} |
| <tr style="text-align:left"> |
| <th colspan="4"> |
| Component Filter: <input type="text" id="filter" size="30"/> (e.g. "crypto, vr") |
| </th> |
| </tr> |
| {% endif %} |
| <tr> |
| {% if data_type == 'components' and path == '>>'%} |
| <th> |
| Component |
| </th> |
| {% else %} |
| <th>Path</th> |
| {% endif %} |
| <th title="Line coverage is the percentage of code lines which have been executed at least once. Only executable lines within function bodies are considered to be code lines.">Line</th> |
| <th title="Function coverage is the percentage of functions which have been executed at least once. A function is considered to be executed if any of its instantiations are executed.">Function</th> |
| <th title="Region coverage is the percentage of code regions which have been executed at least once. A code region may span multiple lines (e.g in a large function body with no control flow). However, it's also possible for a single line to contain multiple code regions (e.g in 'return x || y && z').">Region</th> |
| </tr> |
| </thead> |
| |
| <tbody> |
| {% if data_type == 'components' %} |
| {% set entries = data.metadata.dirs %} |
| {% else %} |
| {% set entries = data.metadata.dirs + data.metadata.files %} |
| {% endif %} |
| {% for datum in entries if datum.summaries[0].total %} |
| <tr data-path="{{datum.path}}"> |
| <td> |
| {% if data_type != 'components' %} |
| <a href="/p/chromium/coverage/{{'dir' if datum.name.endswith('/') else 'file'}}?host={{host}}&project={{project}}&ref={{ref}}&revision={{revision}}&path={{path}}{{datum.name}}&platform={{platform}}">{{datum.name}}</a> |
| {% else %} |
| {% if path == '>>' %} |
| {% set real_data_type = 'components' %} |
| {% set url_path = 'component' %} |
| {% else %} |
| {% set real_data_type = 'dirs' %} |
| {% set url_path = 'dir' %} |
| {% endif %} |
| <a href="/p/chromium/coverage/{{url_path}}?host={{host}}&project={{project}}&ref={{ref}}&revision={{revision}}&path={{datum.path}}&data_type={{real_data_type}}&platform={{platform}}">{{datum.path}}</a> |
| {% endif %} |
| </td> |
| {% for name in ('line', 'function', 'region') %} |
| {% set found = False %} |
| {% for metric in datum.summaries %} |
| {% if not found and metric.name == name %} |
| {% set found = True %} |
| {% set percentage = metric.covered*100.0/metric.total %} |
| {% if percentage > 89.9999 %} |
| {% set css_class = 'high-coverage' %} |
| {% elif percentage > 79.9999 %} |
| {% set css_class = 'medium-coverage' %} |
| {% else %} |
| {% set css_class = 'low-coverage' %} |
| {% endif %} |
| <td class="{{css_class}}"> |
| {% set percent = metric.covered*100.0/metric.total %} |
| {% if percent > 99.999999 %} |
| {{ '{0:.2f}%'.format(percent) }} ({{metric.covered}}/{{metric.total}}) |
| {% elif percent > 9.999999 %} |
| {{ '{0:.2f}%'.format(percent) }} ({{metric.covered}}/{{metric.total}}) |
| {% else %} |
| {{ '{0:.2f}%'.format(percent) }} ({{metric.covered}}/{{metric.total}}) |
| {% endif %} |
| </td> |
| {% endif %} |
| {% endfor %} |
| {% endfor %} |
| </tr> |
| {% endfor %} |
| </tbody> |
| |
| {% if data_type == 'dirs' or (data_type == 'components' and path != '>>') %} |
| <tfoot> |
| <tr> |
| <td>TOTALS</td> |
| {% for name in ('line', 'function', 'region') %} |
| {% set found = False %} |
| {% for metric in data.metadata.summaries %} |
| {% if not found and metric.name == name %} |
| {% set found = True %} |
| {% set percentage = metric.covered*100.0/metric.total %} |
| {% if percentage > 89.9999 %} |
| {% set css_class = 'high-coverage' %} |
| {% elif percentage > 79.9999 %} |
| {% set css_class = 'medium-coverage' %} |
| {% else %} |
| {% set css_class = 'low-coverage' %} |
| {% endif %} |
| <td class="{{css_class}}"> |
| {% set percent = metric.covered*100.0/metric.total %} |
| {% if percent > 99.999999 %} |
| {{ '{0:.2f}%'.format(percent) }} ({{metric.covered}}/{{metric.total}}) |
| {% elif percent > 9.999999 %} |
| {{ '{0:.2f}%'.format(percent) }} ({{metric.covered}}/{{metric.total}}) |
| {% else %} |
| {{ '{0:.2f}%'.format(percent) }} ({{metric.covered}}/{{metric.total}}) |
| {% endif %} |
| </td> |
| {% endif %} |
| {% endfor %} |
| {% endfor %} |
| </tr> |
| </tfoot> |
| {% endif %} |
| </table> |
| </div> |
| </cats-app> |
| </body> |
