third_party/WebKit/LayoutTests/http/tests/css/vertical-align-baseline-after-image-load-2-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5     td {
   6         border: 1px solid #f90; padding: 0px;
   7     }
   8 </style>
   9 <script>
  10     function loadAndStall()
  11     {
  12         return "http://127.0.0.1:8000/resources/load-and-stall.php";
  13     }
  14
  15     function pngImage()
  16     {
  17         return "?name=../../../fast/css/resources/bikes.bmp&mimeType=image%bmp";
  18     }
  19
  20     function runTest()
  21     {
  22         var images = document.querySelectorAll("img");
  23         for (var i = 0, len = images.length; i < len; i++) {
  24             var image = images[i];
  25             image.src = loadAndStall() + pngImage() + "&stallAt=0&stallFor=0";
  26         }
  27     }
  28 </script>
  29 </head>
  30 <body>
  31 <p> https://bugs.webkit.org/show_bug.cgi?id=108357:  There should be no space between the top of the image and the orange border.</p>
  32 <table>
  33     <tbody>
  34         <tr>
  35              <td><img></td><td><video autoplay></video></td>
  36         </tr>
  37         <tr>
  38              <td><img></td><td><video autoplay></video></td>
  39         </tr>
  40     </tbody>
  41     <script>runTest();</script>
  42 </table>
  43 </body>
  44 </html>
  45