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


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52

<!DOCTYPE html>
<style>
  .group {
    float: left; width: 180px;
  }

  embed, iframe, object, img, input[type="image"], canvas, media, video {
    margin: 10px 0 20px 10px;
    outline: 4px solid black;
    border: 10px solid transparent;
    background-color: blue;
    display: block;
    height: 100px;
    width: 100px;
  }
</style>

<script>
if (window.testRunner) {
    testRunner.dumpAsTextWithPixelResults();
}
</script>

<body>
All the replaced elements below should have a solid black outline.<p>

<div class="group">
 &lt;video&gt;
  <video src=""></video>
 &lt;canvas&gt;
  <canvas src="one day maybe"></canvas>
 &lt;media&gt;
  <media src=""></media>
</div>

<div class="group">
 &lt;iframe&gt;
  <iframe src="resources/square-blue-100x100.png"></iframe>
 &lt;embed&gt;
  <embed src="resources/square-blue-100x100.png" type="image/png">
 &lt;object&gt;
  <object src="resources/square-blue-100x100.png"></object>
</div>

<div class="group">
 &lt;input type=image&gt;
  <input type="image" src="resources/square-blue-100x100.png">
 &lt;img&gt;
  <img src="resources/square-blue-100x100.png">
</div>

</body>