| 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 |