OLD | NEW |
| 1 <!-- Based on compositing/repaint/clipping-should-not-repaint-composited-descend
ants.html --> |
1 <!DOCTYPE html> | 2 <!DOCTYPE html> |
2 <style> | 3 <style> |
3 .spacer { | 4 .spacer { |
4 position: relative; | 5 position: relative; |
5 width: 300px; | 6 width: 300px; |
6 height: 300px; | 7 height: 300px; |
7 } | 8 } |
8 | 9 |
9 .clipping-container { | 10 .clipping-container { |
10 position: absolute; | 11 position: absolute; |
(...skipping 17 matching lines...) Expand all Loading... |
28 .clipping-container { | 29 .clipping-container { |
29 width: 300px; | 30 width: 300px; |
30 } | 31 } |
31 </style> | 32 </style> |
32 <style id="alt2"> | 33 <style id="alt2"> |
33 .clipping-container { | 34 .clipping-container { |
34 width: 100%; | 35 width: 100%; |
35 clip: rect(100px, 200px, 200px, 100px); | 36 clip: rect(100px, 200px, 200px, 100px); |
36 } | 37 } |
37 </style> | 38 </style> |
38 <script src="../../fast/repaint/resources/text-based-repaint.js"></script> | 39 <script src="resources/paint-invalidation-test.js"></script> |
39 <script> | 40 <script> |
40 var alt1 = document.getElementById('alt1'); | 41 var alt1 = document.getElementById('alt1'); |
41 var alt2 = document.getElementById('alt2'); | 42 var alt2 = document.getElementById('alt2'); |
42 alt2.disabled = true; | 43 alt2.disabled = true; |
43 | 44 |
44 function repaintTest() { | 45 window.expectedPaintInvalidationObjects = [ |
| 46 ]; |
| 47 function paintInvalidationTest() { |
45 alt2.disabled = false; | 48 alt2.disabled = false; |
46 alt1.disabled = true; | 49 alt1.disabled = true; |
47 } | 50 } |
48 | 51 |
49 runRepaintTest(); | 52 runPaintInvalidationTest(); |
50 </script> | 53 </script> |
51 | 54 |
52 <div class="spacer"> | 55 <div class="spacer"> |
53 <div class="clipping-container"> | 56 <div class="clipping-container"> |
54 <div class="clipped-composited-child"></div> | 57 <div class="clipped-composited-child"></div> |
55 </div> | 58 </div> |
56 </div> | 59 </div> |
57 <div class="spacer"> | 60 <div class="spacer"> |
58 <div class="clipping-container with-initial-clipping"> | 61 <div class="clipping-container with-initial-clipping"> |
59 <div class="clipped-composited-child"></div> | 62 <div class="clipped-composited-child"></div> |
60 </div> | 63 </div> |
61 </div> | 64 </div> |
OLD | NEW |