OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <style> | 4 <style> |
5 div { | 5 div { |
6 position: absolute; | 6 position: absolute; |
7 z-index: 1; | 7 z-index: 1; |
8 width: 100px; | 8 width: 100px; |
9 height: 100px; | 9 height: 100px; |
10 } | 10 } |
(...skipping 102 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
113 } | 113 } |
114 | 114 |
115 document.addEventListener("click", addOverlap3); | 115 document.addEventListener("click", addOverlap3); |
116 | 116 |
117 function runTest() | 117 function runTest() |
118 { | 118 { |
119 if (!window.internals) | 119 if (!window.internals) |
120 return; | 120 return; |
121 | 121 |
122 // Case 1 | 122 // Case 1 |
123 document.getElementById('Case1').textContent = window.internals.layerTre
eAsText(document, internals.LAYER_TREE_INCLUDES_REPAINT_RECTS); | 123 document.getElementById('Case1').textContent = window.internals.layerTre
eAsText(document); |
124 | 124 |
125 // Case 2 | 125 // Case 2 |
126 window.internals.startTrackingRepaints(document); | 126 window.internals.startTrackingRepaints(document); |
127 addOverlap3(); | 127 addOverlap3(); |
128 document.getElementById('Case2').textContent = window.internals.layerTre
eAsText(document, internals.LAYER_TREE_INCLUDES_REPAINT_RECTS); | 128 document.getElementById('Case2').textContent = window.internals.layerTre
eAsText(document, internals.LAYER_TREE_INCLUDES_REPAINT_RECTS); |
129 window.internals.stopTrackingRepaints(document); | 129 window.internals.stopTrackingRepaints(document); |
130 | 130 |
131 // Case 3 | 131 // Case 3 |
132 window.internals.startTrackingRepaints(document); | 132 window.internals.startTrackingRepaints(document); |
133 removeOverlap2(); | 133 removeOverlap2(); |
(...skipping 50 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
184 CASE 5, overlap2 gets added back: | 184 CASE 5, overlap2 gets added back: |
185 <pre id="Case5"></pre> | 185 <pre id="Case5"></pre> |
186 | 186 |
187 CASE 6, overlap1 gets added back, and overlap3 gets removed: | 187 CASE 6, overlap1 gets added back, and overlap3 gets removed: |
188 <pre id="Case6"></pre> | 188 <pre id="Case6"></pre> |
189 </div> | 189 </div> |
190 | 190 |
191 </body> | 191 </body> |
192 | 192 |
193 </html> | 193 </html> |
OLD | NEW |