| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 | 2 |
| 3 <html><head> | 3 <html><head> |
| 4 <style> | 4 <style> |
| 5 .filler { | 5 .filler { |
| 6 background-color: #CC9900; | 6 background-color: #CC9900; |
| 7 border-style: solid; | 7 border-style: solid; |
| 8 border-width: 1px; | 8 border-width: 1px; |
| 9 width: 400px; | 9 width: 400px; |
| 10 height: 100px; | 10 height: 100px; |
| (...skipping 96 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 107 // first force the element not to promote, then compute its paint and | 107 // first force the element not to promote, then compute its paint and |
| 108 // stacking order lists. We then force the element to opt in, and | 108 // stacking order lists. We then force the element to opt in, and |
| 109 // generate the paint and stacking order lists after opt-in. | 109 // generate the paint and stacking order lists after opt-in. |
| 110 // | 110 // |
| 111 // The paint order lists should exactly match the stacking order lists | 111 // The paint order lists should exactly match the stacking order lists |
| 112 // (modulo children that fall outside of the hit-testing area | 112 // (modulo children that fall outside of the hit-testing area |
| 113 // on-screen), both before and after promotion. | 113 // on-screen), both before and after promotion. |
| 114 parentscrollinglayer.style.webkitTransform = 'translateZ(0px)'; | 114 parentscrollinglayer.style.webkitTransform = 'translateZ(0px)'; |
| 115 document.body.offsetTop; | 115 document.body.offsetTop; |
| 116 | 116 |
| 117 window.internals.settings.setAcceleratedCompositingForOverflowScrollEnab
led(false); | 117 window.internals.setNeedsCompositedScrolling(parentscrollinglayer, |
| 118 window.internals.ForceCompositedScrollingOn); |
| 118 parentscrollinglayer.style.webkitTransform = ''; | 119 parentscrollinglayer.style.webkitTransform = ''; |
| 119 | 120 |
| 120 var oldStackingOrder = getStackingOrder(); | 121 var oldStackingOrder = getStackingOrder(); |
| 121 var oldPaintOrder = getPaintOrder(childscrollinglayer); | 122 var oldPaintOrder = getPaintOrder(childscrollinglayer); |
| 122 | 123 |
| 123 window.internals.settings.setAcceleratedCompositingForOverflowScrollEnab
led(true); | 124 window.internals.setNeedsCompositedScrolling(parentscrollinglayer, |
| 125 window.internals.ForceCompositedScrollingOff); |
| 124 parentscrollinglayer.style.webkitTransform = 'translateZ(0px)'; | 126 parentscrollinglayer.style.webkitTransform = 'translateZ(0px)'; |
| 125 | 127 |
| 126 var newStackingOrder = getStackingOrder(); | 128 var newStackingOrder = getStackingOrder(); |
| 127 var newPaintOrder = getPaintOrder(childscrollinglayer); | 129 var newPaintOrder = getPaintOrder(childscrollinglayer); |
| 128 | 130 |
| 131 window.internals.setNeedsCompositedScrolling(parentscrollinglayer, |
| 132 window.internals.DoNotForceCompositedScrolling); |
| 133 |
| 129 // The getPaintOrder() function should return a pair of paint orders. | 134 // The getPaintOrder() function should return a pair of paint orders. |
| 130 // One before promotion and one after. This pair of lists should remain | 135 // One before promotion and one after. This pair of lists should remain |
| 131 // identical whether the element is actually currently promoted or not, | 136 // identical whether the element is actually currently promoted or not, |
| 132 // its purpose is to generate hypothetical pre- and post-lists to | 137 // its purpose is to generate hypothetical pre- and post-lists to |
| 133 // determine if the element is promotable. | 138 // determine if the element is promotable. |
| 134 if (!comparePaintOrderLists(oldPaintOrder, newPaintOrder)) { | 139 if (!comparePaintOrderLists(oldPaintOrder, newPaintOrder)) { |
| 135 failure = true; | 140 failure = true; |
| 136 write("FAIL - paint order lists not identical before/after promotion")
; | 141 write("FAIL - paint order lists not identical before/after promotion")
; |
| 137 } | 142 } |
| 138 | 143 |
| (...skipping 36 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 175 <div class="filler"></div> | 180 <div class="filler"></div> |
| 176 <div class="filler"></div> | 181 <div class="filler"></div> |
| 177 </div> | 182 </div> |
| 178 <div id="fillerchild1" class="filler negativechild"></div> | 183 <div id="fillerchild1" class="filler negativechild"></div> |
| 179 <div id="fillerchild2" class="filler negativechild"></div> | 184 <div id="fillerchild2" class="filler negativechild"></div> |
| 180 <div id="fillerchild3" class="filler negativechild"></div> | 185 <div id="fillerchild3" class="filler negativechild"></div> |
| 181 <div id="fillerchild4" class="filler negativechild"></div> | 186 <div id="fillerchild4" class="filler negativechild"></div> |
| 182 <pre id="console"></pre> | 187 <pre id="console"></pre> |
| 183 </body> | 188 </body> |
| 184 </html> | 189 </html> |
| OLD | NEW |