<!DOCTYPE html>
<html>
<head>
<script>
function drawCanvas()
{
var ctx = document.getElementById('canvas').getContext('2d');
ctx.fillStyle = "rgb(200,0,0)";
ctx.fillRect (10, 10, 55, 50);
ctx.fillStyle = "rgba(0, 0, 200, 0.5)";
ctx.fillRect (30, 30, 55, 50);
}
if (window.testRunner)
testRunner.dumpAsText();
var canvas;
function doTest()
document.body.offsetWidth;
canvas = document.getElementById('canvas');
if (window.internals) {
internals.setElementUsesDisplayListDrawing(canvas, true);
internals.setElementTracksDisplayListReplay(canvas, true);
drawCanvas();
testRunner.displayAndTrackRepaints();
if (window.internals)
document.getElementById('output').textContent = internals.replayDisplayListForElement(canvas);
window.addEventListener('load', doTest, false);
</script>
</head>
<body>
<canvas id="canvas" width="300" height="200"></canvas>
<pre id="output"></pre>
</body>
</html>
