OLD | NEW |
| 1 <!-- Based on fast/repaint/filter-repaint-accelerated-on-accelerated-filter.html
--> |
1 <!DOCTYPE html> | 2 <!DOCTYPE html> |
2 <style> | 3 <style> |
3 div { | 4 div { |
4 width: 200px; | 5 width: 200px; |
5 height: 200px; | 6 height: 200px; |
6 } | 7 } |
7 | 8 |
8 .blur { | 9 .blur { |
9 -webkit-filter: blur(10px); | 10 -webkit-filter: blur(10px); |
10 } | 11 } |
11 | 12 |
12 .drop-shadow { | 13 .drop-shadow { |
13 -webkit-filter: drop-shadow(16px 16px 10px black); | 14 -webkit-filter: drop-shadow(16px 16px 10px black); |
14 } | 15 } |
15 | 16 |
16 .accelerated { | 17 .accelerated { |
17 transform: translateZ(0); | 18 transform: translateZ(0); |
18 } | 19 } |
19 | 20 |
20 #resize { | 21 #resize { |
21 background-color: green; | 22 background-color: green; |
22 } | 23 } |
23 </style> | 24 </style> |
24 | 25 |
25 <div class="blur accelerated"> | 26 <div class="blur accelerated"> |
26 <div class="drop-shadow accelerated" id="resize"></div> | 27 <div class="drop-shadow accelerated" id="resize"></div> |
27 </div> | 28 </div> |
28 | 29 |
29 <script src="resources/text-based-repaint.js"></script> | 30 <script src="resources/paint-invalidation-test.js"></script> |
30 <script> | 31 <script> |
31 window.testIsAsync = true; | 32 window.testIsAsync = true; |
32 | 33 |
33 function repaintTest() { | 34 window.expectedPaintInvalidationObjects = [ |
| 35 "LayoutBlockFlow DIV id='resize' class='drop-shadow accelerated'", |
| 36 ]; |
| 37 function paintInvalidationTest() { |
34 var resizeElement = document.getElementById("resize"); | 38 var resizeElement = document.getElementById("resize"); |
35 resizeElement.style.width = "100px"; | 39 resizeElement.style.width = "100px"; |
36 finishRepaintTest(); | 40 finishPaintInvalidationTest(); |
37 } | 41 } |
38 window.onload = runRepaintTest; | 42 window.onload = runPaintInvalidationTest; |
39 </script> | 43 </script> |
OLD | NEW |