| 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..a4357608566c2845939d3e0713ab30c4c9b0ef1a
 | 
| --- /dev/null
 | 
| +++ b/build/android/render_tests/render_webpage.html.jinja2
 | 
| @@ -0,0 +1,79 @@
 | 
| +<!--
 | 
| + * 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.
 | 
| +-->
 | 
| +<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>
 | 
| 
 |