| OLD | NEW |
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <script src="../../fast/repaint/resources/repaint.js" type="text/javascript"><
/script> | 3 <script src="../../fast/repaint/resources/text-based-repaint.js" type="text/ja
vascript"></script> |
| 4 <script type="text/javascript"> | 4 <script type="text/javascript"> |
| 5 function repaintTest() { | 5 function repaintTest() { |
| 6 if (!window.testRunner) | 6 if (!window.testRunner) |
| 7 return; | 7 return; |
| 8 | 8 |
| 9 // The animation lasts 100ms. Wait 200ms for the repaint. | 9 // The animation lasts 100ms. Wait 200ms for the repaint. |
| 10 testRunner.waitUntilDone(); | 10 testRunner.waitUntilDone(); |
| 11 setTimeout(function() { | 11 setTimeout(function() { |
| 12 testRunner.notifyDone(); | 12 testRunner.notifyDone(); |
| 13 }, 200); | 13 }, 200); |
| 14 } | 14 } |
| 15 </script> | 15 </script> |
| 16 <style type="text/css" media="screen"> | 16 <style type="text/css" media="screen"> |
| 17 div { | 17 div { |
| 18 background: red; | 18 background: red; |
| 19 background-repeat: no-repeat; | 19 background-repeat: no-repeat; |
| 20 background-image: url(resources/animated-rect-relative-size.svg); | 20 background-image: url(resources/animated-rect-relative-size.svg); |
| 21 height: 600px; | 21 height: 600px; |
| 22 width: 800px; | 22 width: 800px; |
| 23 } | 23 } |
| 24 </style> | 24 </style> |
| 25 </head> | 25 </head> |
| 26 <body style='margin: 0px' onload="runRepaintTest()"> | 26 <body style='margin: 0px' onload="forceStyleRecalc();repaintTest();"> |
| 27 <div> </div> | 27 <div> </div> |
| 28 </body> | 28 </body> |
| 29 </html> | 29 </html> |
| OLD | NEW |