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 |