OLD | NEW |
| 1 <!-- Based on fast/repaint/transform-disable-layoutstate.html --> |
1 <!DOCTYPE html> | 2 <!DOCTYPE html> |
2 <html> | 3 <html> |
3 <head> | 4 <head> |
4 <script src="resources/text-based-repaint.js" type="text/javascript" charset="
utf-8"></script> | 5 <script src="resources/paint-invalidation-test.js" type="text/javascript" char
set="utf-8"></script> |
5 <script type="text/javascript" charset="utf-8"> | 6 <script type="text/javascript" charset="utf-8"> |
6 function repaintTest() | 7 window.expectedPaintInvalidationObjects = [ |
| 8 "LayoutBlockFlow DIV", |
| 9 "LayoutBlockFlow DIV", |
| 10 "LayoutBlockFlow DIV id='target'", |
| 11 ]; |
| 12 function paintInvalidationTest() |
7 { | 13 { |
8 document.getElementById('target').style.height='10px'; | 14 document.getElementById('target').style.height='10px'; |
9 } | 15 } |
10 </script> | 16 </script> |
11 </head> | 17 </head> |
12 <body onload="runRepaintTest()"> | 18 <body onload="runPaintInvalidationTest()"> |
13 <div id="container" style="width: 500px; transform: translate(50px, 80px)"> | 19 <div id="container" style="width: 500px; transform: translate(50px, 80px)"> |
14 <div style="padding-bottom: 100px; background: silver;"> | 20 <div style="padding-bottom: 100px; background: silver;"> |
15 <div style="float: right; height: 50px; width: 50px; background: green
;"></div> | 21 <div style="float: right; height: 50px; width: 50px; background: green
;"></div> |
16 <div style="clear: right; border: 4px solid blue;"> | 22 <div style="clear: right; border: 4px solid blue;"> |
17 <div style="height: 55px;" id="target"> | 23 <div style="height: 55px;" id="target"> |
18 </div> | 24 </div> |
19 </div> | 25 </div> |
20 </div> | 26 </div> |
21 </div> | 27 </div> |
22 </body> | 28 </body> |
23 </html> | 29 </html> |
OLD | NEW |