1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
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>
|
