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 100 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
111 // stacking order lists. We then force the element to opt in, and | 111 // stacking order lists. We then force the element to opt in, and |
112 // generate the paint and stacking order lists after opt-in. | 112 // generate the paint and stacking order lists after opt-in. |
113 // | 113 // |
114 // The paint order lists should exactly match the stacking order lists | 114 // The paint order lists should exactly match the stacking order lists |
115 // (modulo children that fall outside of the hit-testing area | 115 // (modulo children that fall outside of the hit-testing area |
116 // on-screen), both before and after promotion. | 116 // on-screen), both before and after promotion. |
117 parentscrollinglayer.style.webkitTransform = 'translateZ(0px)'; | 117 parentscrollinglayer.style.webkitTransform = 'translateZ(0px)'; |
118 document.body.offsetTop; | 118 document.body.offsetTop; |
119 | 119 |
120 window.internals.setNeedsCompositedScrolling(parentscrollinglayer, | 120 window.internals.setNeedsCompositedScrolling(parentscrollinglayer, |
121 window.internals.CompositedScrollingAlwaysOff); | 121 window.internals.COMPOSITED_SCROLLING_ALWAYS_OFF); |
122 parentscrollinglayer.style.webkitTransform = ''; | 122 parentscrollinglayer.style.webkitTransform = ''; |
123 | 123 |
124 var oldStackingOrder = getStackingOrder(); | 124 var oldStackingOrder = getStackingOrder(); |
125 var oldPaintOrder = getPaintOrder(childscrollinglayer); | 125 var oldPaintOrder = getPaintOrder(childscrollinglayer); |
126 | 126 |
127 window.internals.setNeedsCompositedScrolling(parentscrollinglayer, | 127 window.internals.setNeedsCompositedScrolling(parentscrollinglayer, |
128 window.internals.CompositedScrollingAlwaysOn); | 128 window.internals.COMPOSITED_SCROLLING_ALWAYS_ON); |
129 parentscrollinglayer.style.webkitTransform = 'translateZ(0px)'; | 129 parentscrollinglayer.style.webkitTransform = 'translateZ(0px)'; |
130 | 130 |
131 var newStackingOrder = getStackingOrder(); | 131 var newStackingOrder = getStackingOrder(); |
132 var newPaintOrder = getPaintOrder(childscrollinglayer); | 132 var newPaintOrder = getPaintOrder(childscrollinglayer); |
133 | 133 |
134 window.internals.setNeedsCompositedScrolling(parentscrollinglayer, | 134 window.internals.setNeedsCompositedScrolling(parentscrollinglayer, |
135 window.internals.DoNotForceCompositedScrolling); | 135 window.internals.DO_NOT_FORCE_COMPOSITED_SCROLLING); |
136 | 136 |
137 // The getPaintOrder() function should return a pair of paint orders. | 137 // The getPaintOrder() function should return a pair of paint orders. |
138 // One before promotion and one after. This pair of lists should remain | 138 // One before promotion and one after. This pair of lists should remain |
139 // identical whether the element is actually currently promoted or not, | 139 // identical whether the element is actually currently promoted or not, |
140 // its purpose is to generate hypothetical pre- and post-lists to | 140 // its purpose is to generate hypothetical pre- and post-lists to |
141 // determine if the element is promotable. | 141 // determine if the element is promotable. |
142 if (!comparePaintOrderLists(oldPaintOrder, newPaintOrder)) { | 142 if (!comparePaintOrderLists(oldPaintOrder, newPaintOrder)) { |
143 failure = true; | 143 failure = true; |
144 write("FAIL - paint order lists not identical before/after promotion")
; | 144 write("FAIL - paint order lists not identical before/after promotion")
; |
145 } | 145 } |
(...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
183 <div class="filler"></div> | 183 <div class="filler"></div> |
184 <div class="filler"></div> | 184 <div class="filler"></div> |
185 </div> | 185 </div> |
186 <div id="fillerchild1" class="filler negativechild"></div> | 186 <div id="fillerchild1" class="filler negativechild"></div> |
187 <div id="fillerchild2" class="filler negativechild"></div> | 187 <div id="fillerchild2" class="filler negativechild"></div> |
188 <div id="fillerchild3" class="filler negativechild"></div> | 188 <div id="fillerchild3" class="filler negativechild"></div> |
189 <div id="fillerchild4" class="filler negativechild"></div> | 189 <div id="fillerchild4" class="filler negativechild"></div> |
190 <pre id="console"></pre> | 190 <pre id="console"></pre> |
191 </body> | 191 </body> |
192 </html> | 192 </html> |
OLD | NEW |