layout/reftests/bugs/593243-1.html

   1 <!DOCTYPE HTML>
   2 <html class="reftest-wait"
   3       reftest-viewport-w="600" reftest-viewport-h="400"
   4       reftest-displayport-w="800" reftest-displayport-h="1000"
   5       reftest-no-sync-layers>
   6 <head>
   7   <title></title>
   8 <script type="text/javascript">
   9 function initialPaint() {
  10   window.removeEventListener("MozAfterPaint", initialPaint, false);
  11   setTimeout(moveBox, 0);
  12 }
  13
  14 function moveBox() {
  15   var box = document.getElementById("box");
  16   box.style.left = "300px";
  17   window.addEventListener("MozAfterPaint", repaint, false);
  18 }
  19
  20 function repaint() {
  21   window.removeEventListener("MozAfterPaint", repaint, false);
  22   setTimeout(finish, 0);
  23 }
  24
  25 function finish() {
  26   document.documentElement.removeAttribute("class");
  27 }
  28
  29 window.addEventListener("MozAfterPaint", initialPaint, false);
  30 </script>
  31 </head>
  32
  33 <body style="width: 600px; height: 400px;">
  34   <div style="position: absolute; left: 0px; top: 0px;
  35               width=600px height=600px">
  36     <div style="position: absolute; left: 0px; top: 0px;
  37                 width: 600px; height: 400px;
  38                 background-color: green;"></div>
  39     <div id="box"
  40          style="position: absolute; left: 0px; top: 400px;
  41                 width: 100px; height: 100px;
  42                 background-color: red;"></div>
  43     <div style="position: absolute; left: 0px; top: 500px;
  44                 width: 600px; height: 100px;
  45                 background-color: yellow;"></div>
  46   </div>
  47 </body>
  48 </html>