OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <script src="../../fast/repaint/resources/text-based-repaint.js"></script> | 2 <script src="../../fast/repaint/resources/text-based-repaint.js"></script> |
3 <script> | 3 <script> |
4 function repaintTest() { | 4 function repaintTest() { |
5 window.frames['subframe'].contentDocument.body.style.height = '200px'; | 5 window.frames['subframe'].contentDocument.body.style.height = '200px'; |
6 } | 6 } |
7 </script> | 7 </script> |
8 <body onload="runRepaintTest()"> | 8 <body onload="runRepaintAndPixelTest()"> |
9 <div id="foo" style="width: 200px; height: 1000px; transform: translateZ(0); bac
kground-color: lightgray;"></div> | 9 <div id="foo" style="width: 200px; height: 1000px; transform: translateZ(0); bac
kground-color: lightgray;"></div> |
10 | 10 |
11 <!-- The squashing layer will contain the following two divs. Note that the seco
nd is 100px lower than the top. --> | 11 <!-- The squashing layer will contain the following two divs. Note that the seco
nd is 100px lower than the top. --> |
12 <div style="position: absolute; z-index: 0; top: 0px; width: 100px; height: 500p
x"></div> | 12 <div style="position: absolute; z-index: 0; top: 0px; width: 100px; height: 500p
x"></div> |
13 <div style="position: absolute; z-index: 0; top: 500px; width: 100px; height: 10
0px"> | 13 <div style="position: absolute; z-index: 0; top: 500px; width: 100px; height: 10
0px"> |
14 <iframe frameborder=0 id="subframe" srcdoc="test1"> | 14 <iframe frameborder=0 id="subframe" srcdoc="test1"> |
15 </iframe> | 15 </iframe> |
16 </div> | 16 </div> |
17 </body> | 17 </body> |
OLD | NEW |