<!DOCTYPE html>
<html>
<script>
    function startTest() {
        if (window.testRunner) {
            testRunner.waitUntilDone();
            testRunner.setBackingScaleFactor(2, finishTest);
        } else
            finishTest();
    }

    function finishTest() {
        var ctx = document.getCSSCanvasContext("2d", "test", 100, 100);

        ctx.fillStyle = "rgb(200, 0, 0)";
        ctx.fillRect(10, 10, 50, 50);

        ctx.fillStyle = "rgba(0, 0, 200, 0.5)";
        ctx.fillRect(25, 25, 90, 90);

        if (window.testRunner)
            setTimeout(function() { testRunner.notifyDone() }, 0);
    }
</script>
<style>
.test {
    content: -webkit-canvas(test);
    width: 100px;
    height: 100px;
}
</style>
</head>
<body onload="startTest()">
<div class="test"></div>
</body>
</html>