1<html> 2<head> 3 <title>{{ test_name }}</title> 4 <script> 5 function toggleZoom() { 6 for (const img of document.getElementsByTagName("img")) { 7 if (img.hasAttribute('style')) { 8 img.removeAttribute('style'); 9 } else { 10 img.style.width = '100%'; 11 } 12 } 13 } 14 </script> 15</head> 16<body> 17 <a href="https://cs.chromium.org/search/?q={{ test_name }}&m=100&type=cs">Link to Golden (in repo)</a><br /> 18 <a download="{{ test_name }}" href="{{ failure_link }}">Download Failure Image (right click and 'Save link as')</a> 19 <table> 20 <thead> 21 <tr> 22 <th>Failure</th> 23 <th>Golden</th> 24 <th>Diff</th> 25 </tr> 26 </thead> 27 <tbody style="vertical-align: top"> 28 <tr onclick="toggleZoom()"> 29 <td><img src="{{ failure_link }}" style="width: 100%" /></td> 30 {% if golden_link %} 31 <td><img src="{{ golden_link }}" style="width: 100%" /></td> 32 <td><img src="{{ diff_link }}" style="width: 100%" /></td> 33 {% else %} 34 <td>No Golden Image.</td> 35 {% endif %} 36 </tr> 37 </tbody> 38 </table> 39</body> 40</html> 41