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..b5ea6039cd1c05c8e4d46851cc23bd10a4bdccbb |
--- /dev/null |
+++ b/build/android/render_tests/render_webpage.html.jinja2 |
@@ -0,0 +1,84 @@ |
+<!-- |
+ * 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> |
+ {% if show_diffs %} |
+ <div class="mdl-cell mdl-cell--3-col text-element"><b>Diff</b></div> |
+ {% endif %} |
+ </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> |
+ {% if show_diffs %} |
+ <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> |
+ {% endif %} |
+ </div> |
+ {% endfor %} |
+ </div> |
+ {% endfor %} |
+ </div> |
+ {% endfor %} |
+ </body> |
+</html> |