OLD | NEW |
| (Empty) |
1 <!-- Based on compositing/repaint/invalidations-on-composited-layers.html --> | |
2 <!DOCTYPE html> | |
3 | |
4 <!-- | |
5 This test checks that repaint testing works with composited layers. | |
6 --> | |
7 | |
8 <html> | |
9 <head> | |
10 <style type="text/css"> | |
11 #parent { | |
12 transform: translateZ(0px); | |
13 width: 400px; | |
14 height: 400px; | |
15 background: blue; | |
16 } | |
17 | |
18 #child { | |
19 transform: translateZ(0px); | |
20 position: relative; | |
21 left: 50px; | |
22 top: 50px; | |
23 width: 75px; | |
24 height: 75px; | |
25 background: green; | |
26 } | |
27 | |
28 </style> | |
29 <script src="resources/paint-invalidation-test.js"></script> | |
30 <script> | |
31 function paintInvalidationTest() { | |
32 var parent = document.getElementById('parent'); | |
33 var child = document.getElementById('child'); | |
34 | |
35 child.style.background = 'blue'; | |
36 parent.style.background = 'green'; | |
37 } | |
38 | |
39 runPaintInvalidationTest(); | |
40 </script> | |
41 </head> | |
42 <body> | |
43 <div id="parent"> | |
44 <div id="child"></div> | |
45 </div> | |
46 </body> | |
47 </html> | |
OLD | NEW |