| OLD | NEW |
|---|
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <title>{{ test_name }}</title> | 3 <title>{{ test_name }}</title> |
| 4 <script> | 4 <script> |
| 5 function toggleZoom() { | 5 function toggleZoom() { |
| 6 for (const img of document.getElementsByTagName("img")) { | 6 for (const img of document.getElementsByTagName("img")) { |
| 7 if (img.hasAttribute('style')) { | 7 if (img.hasAttribute('style')) { |
| 8 img.removeAttribute('style'); | 8 img.removeAttribute('style'); |
| 9 } else { | 9 } else { |
| 10 img.style.width = '100%'; | 10 img.style.width = '100%'; |
| 11 } | 11 } |
| 12 } | 12 } |
| 13 } | 13 } |
| 14 </script> | 14 </script> |
| 15 </head> | 15 </head> |
| 16 <body> | 16 <body> |
| 17 <table> | 17 <table> |
| 18 <tr> | 18 <thead> |
| 19 <th>Failure</th> | 19 <tr> |
| 20 <th>Golden</th> | 20 <th>Failure</th> |
| 21 <th>Diff</th> | 21 <th>Golden</th> |
| 22 </tr> | 22 <th>Diff</th> |
| 23 <tr onclick="toggleZoom()"> | 23 </tr> |
| 24 <td><img src="{{ failure_link }}" style="width: 100%" /></td> | 24 </thead> |
| 25 <td><img src="{{ golden_link }}" style="width: 100%" /></td> | 25 <tbody style="vertical-align: top"> |
| 26 <td><img src="{{ diff_link }}" style="width: 100%" /></td> | 26 <tr onclick="toggleZoom()"> |
| 27 </tr> | 27 <td><img src="{{ failure_link }}" style="width: 100%" /></td> |
| 28 <td><img src="{{ golden_link }}" style="width: 100%" /></td> |
| 29 <td><img src="{{ diff_link }}" style="width: 100%" /></td> |
| 30 </tr> |
| 31 </tbody> |
| 28 </table> | 32 </table> |
| 29 </body> | 33 </body> |
| 30 </html> | 34 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2884833002:
Add vertical-align:top to render test images. (Closed)
