<!DOCTYPE html>
<html>
<head>
    <title>Test for repaint on style change</title>
    <script src="resources/text-based-repaint.js" type="text/javascript"></script>
    <script>
        function repaintTest()
        {
            if (!window.testRunner)
                return;
            document.getElementById('box').style['background-color'] = 'green';
        }
    </script>
    <style>
    div {
        background-color: magenta;
        height: 100px;
        width: 100px;

        position: absolute;
        top: 260px;
        left: 260px;
    }
    </style>
</head>
<body onload="runRepaintAndPixelTest()">
    <div id='box'> </div>
</body>
</html>