| Index: build/android/render_tests/render_webpage.html.jinja2
|
| diff --git a/build/android/render_tests/render_webpage.html.jinja2 b/build/android/render_tests/render_webpage.html.jinja2
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..42ee8db992c573ca6a3ab1839f1f5b5a49d21c95
|
| --- /dev/null
|
| +++ b/build/android/render_tests/render_webpage.html.jinja2
|
| @@ -0,0 +1,80 @@
|
| +<!--
|
| + * Copyright 2016 The Chromium Authors. All rights reserved.
|
| + * Use of this source code is governed by a BSD-style license that can be
|
| + * found in the LICENSE file.
|
| +-->
|
| +<!DOCTYPE html>
|
| +<html>
|
| + <head>
|
| + <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
|
| + <link rel="stylesheet" href="https://code.getmdl.io/1.2.1/material.blue-indigo.min.css">
|
| + <script defer src="https://code.getmdl.io/1.2.1/material.min.js"></script>
|
| +
|
| + <style>
|
| + div.text-element {
|
| + text-align: center;
|
| + }
|
| + body {
|
| + background-color: #efefef;
|
| + }
|
| + </style>
|
| + </head>
|
| +
|
| + <body>
|
| + {% if failure_zip_url is not none %}
|
| + <a href="{{ failure_zip_url }}">
|
| + <div class="mdl-color--primary" width="100%">
|
| + <h3>Download Image Zip</h3>
|
| + </div>
|
| + </a>
|
| + {%endif %}
|
| +
|
| + {% for test_class, device_results in full_results.iteritems() %}
|
| + <div class="mdl-color--primary" width="100%">
|
| + <h3>{{ test_class }}</h3>
|
| + </div>
|
| +
|
| + <div class="mdl-tabs mdl-js-tabs mdl-js-ripple-effect">
|
| + <div class="mdl-tabs__tab-bar">
|
| + {% for device_model, _ in device_results.iteritems() %}
|
| + <a href="#{{ device_model }}-panel" class="mdl-tabs__tab">{{ device_model }}</a>
|
| + {% endfor %}
|
| + </div>
|
| +
|
| + {% for device_model, test_results in device_results.iteritems() %}
|
| + <div class="mdl-tabs__panel" id="{{ device_model }}-panel">
|
| +
|
| + <div class="mdl-grid">
|
| + <div class="mdl-cell mdl-cell--3-col text-element"><b>Description</b></div>
|
| + <div class="mdl-cell mdl-cell--3-col text-element"><b>Golden</b></div>
|
| + <div class="mdl-cell mdl-cell--3-col text-element"><b>Failure</b></div>
|
| + <div class="mdl-cell mdl-cell--3-col text-element"><b>Diff</b></div>
|
| + </div>
|
| + {% for result in test_results %}
|
| + <div class="mdl-grid">
|
| + <div class="mdl-cell mdl-cell--3-col text-element">
|
| + {{ result['description'] }}
|
| + </div>
|
| + <div class="mdl-cell mdl-cell--3-col">
|
| + <a href="{{ result['golden_image'] }}">
|
| + <img class="mdl-shadow--2dp" src="{{ result['golden_image'] }}" width="100%">
|
| + </a>
|
| + </div>
|
| + <div class="mdl-cell mdl-cell--3-col mdl-shadow--2dp">
|
| + <a href="{{ result['failure_image'] }}">
|
| + <img src="{{ result['failure_image'] }}" width="100%">
|
| + </a>
|
| + </div>
|
| + <div class="mdl-cell mdl-cell--3-col mdl-shadow--2dp">
|
| + <a href="{{ result['diff_image'] }}">
|
| + <img src="{{ result['diff_image'] }}" width="100%">
|
| + </a>
|
| + </div>
|
| + </div>
|
| + {% endfor %}
|
| + </div>
|
| + {% endfor %}
|
| + </div>
|
| + {% endfor %}
|
| + </body>
|
| +</html>
|
|
|