| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <script src="../../fast/repaint/resources/text-based-repaint.js"></script> | 2 <script src="resources/text-based-repaint.js"></script> |
| 3 <script> | 3 <script> |
| 4 function repaintTest() { | 4 function repaintTest() { |
| 5 scroller.style.background = 'green local'; | 5 scroller.style.background = 'green local'; |
| 6 } | 6 } |
| 7 onload = runRepaintAndPixelTest; | 7 onload = runRepaintAndPixelTest; |
| 8 </script> | 8 </script> |
| 9 <style> | 9 <style> |
| 10 #scroller { | 10 #scroller { |
| 11 background: red local; | 11 background: red local; |
| 12 overflow: scroll; | 12 overflow: scroll; |
| 13 width: 200px; | 13 width: 200px; |
| 14 height: 200px; | 14 height: 200px; |
| 15 will-change: transform; | 15 will-change: transform; |
| 16 } | 16 } |
| 17 | 17 |
| 18 .spacer { | 18 .spacer { |
| 19 height: 300px; | 19 height: 300px; |
| 20 } | 20 } |
| 21 </style> | 21 </style> |
| 22 <!-- #scroller has a locally attached background which will be painted into the | 22 <!-- #scroller has a locally attached background which will be painted into the |
| 23 scrolling contents layer. When the color changes it should repaint. --> | 23 scrolling contents layer. When the color changes it should repaint. --> |
| 24 <div id="scroller"> | 24 <div id="scroller"> |
| 25 <div class="spacer"></div> | 25 <div class="spacer"></div> |
| 26 </div> | 26 </div> |
| OLD | NEW |