third_party/WebKit/LayoutTests/fast/replaced/outline-replaced-elements.html

   1 <!DOCTYPE html>
   2 <style>
   3   .group {
   4     float: left; width: 180px;
   5   }
   6
   7   embed, iframe, object, img, input[type="image"], canvas, media, video {
   8     margin: 10px 0 20px 10px;
   9     outline: 4px solid black;
  10     border: 10px solid transparent;
  11     background-color: blue;
  12     display: block;
  13     height: 100px;
  14     width: 100px;
  15   }
  16 </style>
  17
  18 <script>
  19 if (window.testRunner) {
  20     testRunner.dumpAsTextWithPixelResults();
  21 }
  22 </script>
  23
  24 <body>
  25 All the replaced elements below should have a solid black outline.<p>
  26
  27 <div class="group">
  28  &lt;video&gt;
  29   <video src=""></video>
  30  &lt;canvas&gt;
  31   <canvas src="one day maybe"></canvas>
  32  &lt;media&gt;
  33   <media src=""></media>
  34 </div>
  35
  36 <div class="group">
  37  &lt;iframe&gt;
  38   <iframe src="resources/square-blue-100x100.png"></iframe>
  39  &lt;embed&gt;
  40   <embed data="resources/square-blue-100x100.png">
  41  &lt;object&gt;
  42   <object src="resources/square-blue-100x100.png"></object>
  43 </div>
  44
  45 <div class="group">
  46  &lt;input type=image&gt;
  47   <input type="image" src="resources/square-blue-100x100.png">
  48  &lt;img&gt;
  49   <img src="resources/square-blue-100x100.png">
  50 </div>
  51
  52 </body>