OLD | NEW |
1 <!-- Based on fast/repaint/background-currentColor-repaint.html --> | 1 <!-- Based on fast/repaint/background-currentColor-repaint.html --> |
2 <!DOCTYPE html> | 2 <!DOCTYPE html> |
3 <script src="resources/paint-invalidation-test.js"></script> | 3 <script src="resources/paint-invalidation-test.js"></script> |
4 | 4 |
5 <style> | 5 <style> |
6 div { | 6 div { |
7 width: 100px; | 7 width: 100px; |
8 height: 100px; | 8 height: 100px; |
9 background: currentColor; | 9 background: currentColor; |
10 } | 10 } |
11 | 11 |
12 #div1 { | 12 #div1 { |
13 color: blue; | 13 color: blue; |
14 } | 14 } |
15 | 15 |
16 #div2 { | 16 #div2 { |
17 color: transparent; | 17 color: transparent; |
18 } | 18 } |
19 | 19 |
20 </style> | 20 </style> |
21 | 21 |
22 <div id="div1"></div> | 22 <div id="div1"></div> |
23 <div id="div2"></div> | 23 <div id="div2"></div> |
24 | 24 |
25 <script> | 25 <script> |
26 window.expectedPaintInvalidationObjects = [ | |
27 "LayoutBlockFlow DIV id='div1'", | |
28 "LayoutBlockFlow DIV id='div2'", | |
29 ]; | |
30 function paintInvalidationTest() | 26 function paintInvalidationTest() |
31 { | 27 { |
32 div1.style.color = 'transparent'; | 28 div1.style.color = 'transparent'; |
33 div2.style.color = 'blue'; | 29 div2.style.color = 'blue'; |
34 } | 30 } |
35 | 31 |
36 window.onload = runPaintInvalidationTest; | 32 window.onload = runPaintInvalidationTest; |
37 | 33 |
38 </script> | 34 </script> |
OLD | NEW |