OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <script src="../../fast/repaint/resources/text-based-repaint.js"></script> | 2 <script src="../../fast/repaint/resources/text-based-repaint.js"></script> |
3 <script> | 3 <script> |
4 function repaintTest() { | 4 function repaintTest() { |
5 target.style.opacity = 0.2; | 5 target.style.opacity = 0.2; |
6 } | 6 } |
7 onload = runRepaintTest; | 7 onload = runRepaintAndPixelTest; |
8 </script> | 8 </script> |
9 <!--Tests paint invalidation on a non-stacking-context squashing layer when a su
blayer is created | 9 <!--Tests paint invalidation on a non-stacking-context squashing layer when a su
blayer is created |
10 and the descendants of the sublayer changes paint invalidation container. Passes
if we invalidate | 10 and the descendants of the sublayer changes paint invalidation container. Passes
if we invalidate |
11 the descendants of the layer on the squashing layer.--> | 11 the descendants of the layer on the squashing layer.--> |
12 <div style="will-change: transform; position: fixed"></div> | 12 <div style="will-change: transform; position: fixed"></div> |
13 <div style="position: relative; border: 1px solid black;"> | 13 <div style="position: relative; border: 1px solid black;"> |
14 <div id="target" style="opacity: 1; height: 50px; width: 50px;"> | 14 <div id="target" style="opacity: 1; height: 50px; width: 50px;"> |
15 <div id="child" style="width: 100px; height: 100px"></div> | 15 <div id="child" style="width: 100px; height: 100px"></div> |
16 </div> | 16 </div> |
17 </div> | 17 </div> |
OLD | NEW |