| OLD | NEW |
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <script src="../repaint/resources/text-based-repaint.js"></script> | 3 <script src="../repaint/resources/text-based-repaint.js"></script> |
| 4 </head> | 4 </head> |
| 5 <body style="background: url(resources/grid-large.png) no-repeat; background-siz
e: 55px 55px;"> | 5 <body style="background: url(resources/grid-large.png) no-repeat; background-siz
e: 55px 55px;"> |
| 6 <div id="mask" style="position: absolute; top: -100px; left: -100px; | 6 <div id="mask" style="position: absolute; top: -100px; left: -100px; |
| 7 background-color: blue; width: 18.33px; height: 18.33p
x;"></div> | 7 background-color: blue; width: 18.33px; height: 18.33p
x;"></div> |
| 8 <script> | 8 <script> |
| 9 var pos = [ | 9 var pos = [ |
| 10 // First row. | 10 // First row. |
| (...skipping 21 matching lines...) Expand all Loading... |
| 32 function repaintTest() | 32 function repaintTest() |
| 33 { | 33 { |
| 34 if (currentPos >= pos.length) | 34 if (currentPos >= pos.length) |
| 35 return; | 35 return; |
| 36 | 36 |
| 37 var mask = document.getElementById("mask"); | 37 var mask = document.getElementById("mask"); |
| 38 mask.style.top = pos[currentPos][0]; | 38 mask.style.top = pos[currentPos][0]; |
| 39 mask.style.left = pos[currentPos][1]; | 39 mask.style.left = pos[currentPos][1]; |
| 40 ++currentPos; | 40 ++currentPos; |
| 41 | 41 |
| 42 // Force a style recalc. | 42 if (window.internals) |
| 43 document.body.offsetWidth; | 43 internals.forceCompositingUpdate(document); |
| 44 | 44 |
| 45 if (window.testRunner) | 45 if (window.testRunner) |
| 46 repaintTest(); | 46 repaintTest(); |
| 47 else | 47 else |
| 48 setTimeout("repaintTest();", 1000); | 48 setTimeout("repaintTest();", 1000); |
| 49 } | 49 } |
| 50 | 50 |
| 51 onload = runRepaintTest; | 51 onload = runRepaintTest; |
| 52 </script> | 52 </script> |
| 53 </body> | 53 </body> |
| 54 </html> | 54 </html> |
| OLD | NEW |