| OLD | NEW |
| (Empty) |
| 1 <!DOCTYPE html> | |
| 2 <!-- | |
| 3 Copyright (c) 2010 Google Inc. All rights reserved. | |
| 4 | |
| 5 Redistribution and use in source and binary forms, with or without | |
| 6 modification, are permitted provided that the following conditions are | |
| 7 met: | |
| 8 | |
| 9 * Redistributions of source code must retain the above copyright | |
| 10 notice, this list of conditions and the following disclaimer. | |
| 11 * Redistributions in binary form must reproduce the above | |
| 12 copyright notice, this list of conditions and the following disclaimer | |
| 13 in the documentation and/or other materials provided with the | |
| 14 distribution. | |
| 15 * Neither the name of Google Inc. nor the names of its | |
| 16 contributors may be used to endorse or promote products derived from | |
| 17 this software without specific prior written permission. | |
| 18 | |
| 19 THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS | |
| 20 "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT | |
| 21 LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR | |
| 22 A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT | |
| 23 OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, | |
| 24 SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT | |
| 25 LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, | |
| 26 DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY | |
| 27 THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT | |
| 28 (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE | |
| 29 OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. | |
| 30 --> | |
| 31 <html> | |
| 32 <head> | |
| 33 <title>Layout Test Rebaseline Server</title> | |
| 34 <link rel="stylesheet" href="/main.css" type="text/css"> | |
| 35 <script src="/util.js"></script> | |
| 36 <script src="/loupe.js"></script> | |
| 37 <script src="/main.js"></script> | |
| 38 <script src="/queue.js"></script> | |
| 39 </head> | |
| 40 <body class="loading"> | |
| 41 | |
| 42 <pre id="log" style="display: none"></pre> | |
| 43 <div id="queue" style="display: none"> | |
| 44 Queue: | |
| 45 <select id="queue-select" size="10"></select> | |
| 46 <button id="remove-queue-selection">Remove selection</button> | |
| 47 <button id="rebaseline-queue">Rebaseline queue</button> | |
| 48 </div> | |
| 49 | |
| 50 <div id="header"> | |
| 51 <div id="controls"> | |
| 52 <!-- Add a dummy <select> node so that this lines up with the text on the le
ft --> | |
| 53 <select style="visibility: hidden"></select> | |
| 54 <span id="toggle-sort" class="link">Sort tests by metric</span> | |
| 55 <span class="divider">|</span> | |
| 56 <span id="toggle-log" class="link">Log</span> | |
| 57 <span class="divider">|</span> | |
| 58 <a href="/quitquitquit">Exit</a> | |
| 59 </div> | |
| 60 | |
| 61 <span id="selectors"> | |
| 62 <label> | |
| 63 Failure type: | |
| 64 <select id="failure-type-selector"></select> | |
| 65 </label> | |
| 66 | |
| 67 <label> | |
| 68 Directory: | |
| 69 <select id="directory-selector"></select> | |
| 70 </label> | |
| 71 | |
| 72 <label> | |
| 73 Test: | |
| 74 <select id="test-selector"></select> | |
| 75 </label> | |
| 76 </span> | |
| 77 | |
| 78 <a id="test-link" target="_blank">View test</a> | |
| 79 | |
| 80 <span id="nav-buttons"> | |
| 81 <button id="previous-test">«</button> | |
| 82 <span id="test-index"></span> of <span id="test-count"></span> | |
| 83 <button id="next-test">»</button> | |
| 84 </span> | |
| 85 </div> | |
| 86 | |
| 87 <table id="test-output"> | |
| 88 <thead id="labels"> | |
| 89 <tr> | |
| 90 <th>Expected</th> | |
| 91 <th>Actual</th> | |
| 92 <th>Diff</th> | |
| 93 </tr> | |
| 94 </thead> | |
| 95 <tbody id="image-outputs" style="display: none"> | |
| 96 <tr> | |
| 97 <td colspan="3"><h2>Image</h2></td> | |
| 98 </tr> | |
| 99 <tr> | |
| 100 <td><img id="expected-image"></td> | |
| 101 <td><img id="actual-image"></td> | |
| 102 <td> | |
| 103 <canvas id="diff-canvas" width="800" height="600"></canvas> | |
| 104 <div id="diff-checksum" style="display: none"> | |
| 105 <h3>Checksum mismatch</h3> | |
| 106 Expected: <span id="expected-checksum"></span><br> | |
| 107 Actual: <span id="actual-checksum"></span> | |
| 108 </div> | |
| 109 </td> | |
| 110 </tr> | |
| 111 </tbody> | |
| 112 <tbody id="text-outputs" style="display: none"> | |
| 113 <tr> | |
| 114 <td colspan="3"><h2>Text</h2></td> | |
| 115 </tr> | |
| 116 <tr> | |
| 117 <td><pre id="expected-text" class="text-output"></pre></td> | |
| 118 <td><pre id="actual-text" class="text-output"></pre></td> | |
| 119 <td><div id="diff-text-pretty" class="text-output"></div></td> | |
| 120 </tr> | |
| 121 </tbody> | |
| 122 </table> | |
| 123 | |
| 124 <div id="footer"> | |
| 125 <label>State: <span id="state"></span></label> | |
| 126 <label>Existing baselines: <span id="current-baselines"></span></label> | |
| 127 <label> | |
| 128 Baseline target: | |
| 129 <select id="baseline-target"></select> | |
| 130 </label> | |
| 131 <label> | |
| 132 Move current baselines to: | |
| 133 <select id="baseline-move-to"> | |
| 134 <option value="none">Nowhere (replace)</option> | |
| 135 </select> | |
| 136 </label> | |
| 137 | |
| 138 <!-- Add a dummy <button> node so that this lines up with the text on the righ
t --> | |
| 139 <button style="visibility: hidden; padding-left: 0; padding-right: 0;"></butto
n> | |
| 140 | |
| 141 <div id="action-buttons"> | |
| 142 <span id="toggle-queue" class="link">Queue</span> | |
| 143 <button id="add-to-rebaseline-queue">Add to rebaseline queue</button> | |
| 144 </div> | |
| 145 </div> | |
| 146 | |
| 147 <table id="loupe" style="display: none"> | |
| 148 <tr> | |
| 149 <td colspan="3" id="loupe-info"> | |
| 150 <span id="loupe-close" class="link">Close</span> | |
| 151 <label>Coordinate: <span id="loupe-coordinate"></span></label> | |
| 152 </td> | |
| 153 </tr> | |
| 154 <tr> | |
| 155 <td> | |
| 156 <div class="loupe-container"> | |
| 157 <canvas id="expected-loupe" width="210" height="210"></canvas> | |
| 158 <div class="center-highlight"></div> | |
| 159 </div> | |
| 160 </td> | |
| 161 <td> | |
| 162 <div class="loupe-container"> | |
| 163 <canvas id="actual-loupe" width="210" height="210"></canvas> | |
| 164 <div class="center-highlight"></div> | |
| 165 </div> | |
| 166 </td> | |
| 167 <td> | |
| 168 <div class="loupe-container"> | |
| 169 <canvas id="diff-loupe" width="210" height="210"></canvas> | |
| 170 <div class="center-highlight"></div> | |
| 171 </div> | |
| 172 </td> | |
| 173 </tr> | |
| 174 <tr id="loupe-colors"> | |
| 175 <td><label>Exp. color: <span id="expected-loupe-color"></span></label></td> | |
| 176 <td><label>Actual color: <span id="actual-loupe-color"></span></label></td> | |
| 177 <td><label>Diff color: <span id="diff-loupe-color"></span></label></td> | |
| 178 </tr> | |
| 179 </table> | |
| 180 | |
| 181 </body> | |
| 182 </html> | |
| OLD | NEW |