src/chrome/test/ispy/server/views/main_view.html

   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&nbsp;&nbsp;({{ "%.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>