1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>{{ test_run }} failures</title> 5 <style> 6 .image { 7 max-height: 325px; 8 max-width: 325px; 9 } 10 .cell { 11 padding-right: 25px; 12 padding-left: 25px; 13 float: left; 14 width: 20%; 15 } 16 .imagelink { 17 border-width: 0px; 18 } 19 .info { 20 padding-bottom: 25px; 21 } 22 .row { 23 padding-top: 10px; 24 padding-bottom: 10px; 25 border-bottom: 2px solid #888; 26 height: 350px; 27 } 28 </style> 29 30 <script language="javascript"> 31 var confirmSubmit = function() { 32 return confirm("The screenshots generated with this version of chrome will be used as the expected images for future comparisions. Are you sure?"); 33 } 34 </script> 35 </head> 36 <body> 37 <h3>Test Run: {{ test_run }}</h3> 38 {% if can_rebaseline %} 39 <form action="/rebaseline" method="post" onsubmit="return confirmSubmit();"> 40 <input type="hidden" name="test_run" value="{{ test_run }}"/> 41 <input type="submit" value="Set as LKGR"/> 42 </form> 43 <br> 44 {% endif %} 45 {% if not comparisons %} 46 <h2>No failures.</h2> 47 {% endif %} 48 {% for comp in comparisons %} 49 <div class="row"> 50 <div class="cell"> 51 Diff ({{ "%.1f"|format(comp['percent_different']) }}%)<br> 52 <a class="imagelink" href="{{ comp['diff'] }}"> 53 <img class="image" src={{ comp['diff'] }}> 54 </a> 55 </div> 56 <div class="cell"> 57 Expected<br> 58 <a class="imagelink" href="{{ comp['expected'] }}"> 59 <img class="image" src={{ comp['expected'] }}> 60 </a> 61 </div> 62 <div class="cell"> 63 Actual<br> 64 <a class="imagelink" href="{{ comp['actual'] }}"> 65 <img class="image" src={{ comp['actual'] }}> 66 </a> 67 </div> 68 <div class="cell"> 69 <br> 70 <div class="info"> 71 {{ comp['expectation'] }}<br> 72 <a href='/debug_view?test_run={{ comp['test_run'] }}&expectation={{ comp['expectation'] }}'>Debug View</a> 73 </div> 74 </div> 75 </div> 76 {% endfor %} 77 </body> 78 </html> 79
