blob: 0043003efa3544582c76cc0de4898e4d6af8aeb0 [file] [log] [blame]
<!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) {
var dumpPixelResults = true;
testRunner.dumpAsText(dumpPixelResults);
// Disable plugins, because otherwise the "Test WebKit PlugIn" steals <embed>s referencing PNGs.
testRunner.setPluginsEnabled(false);
}
</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 data="resources/square-blue-100x100.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>