| 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 <style> | 3 <style> |
| 4 .shadow-normal { box-shadow: black 5px -5px 0; } | 4 .shadow-normal { box-shadow: black 5px -5px 0; } |
| 5 .shadow-inset { box-shadow: black 5px 5px 0 inset; } | 5 .shadow-inset { box-shadow: black 5px 5px 0 inset; } |
| 6 tr { background-color: blue; will-change: transform; } | 6 tr { background-color: blue; will-change: transform; } |
| 7 td { width: 100px; height: 100px; background-color: red; } | 7 td { width: 100px; height: 100px; background-color: red; } |
| 8 table { border-spacing: 10px; } | 8 table { border-spacing: 10px; } |
| 9 </style> | 9 </style> |
| 10 <table> | 10 <table> |
| 11 <tr ></tr> | 11 <tr ></tr> |
| 12 <tr ><td></td></tr> | 12 <tr ><td></td></tr> |
| 13 <tr class="shadow-inset"><td id="target" ></td><td></td></tr> | 13 <tr class="shadow-inset"><td id="target" ></td><td></td></tr> |
| 14 </table> | 14 </table> |
| 15 <script> | 15 <script> |
| 16 onload = runRepaintAndPixelTest; | 16 onload = runRepaintAndPixelTest; |
| 17 function repaintTest() { | 17 function repaintTest() { |
| 18 target.style.background = "green"; | 18 target.style.background = "green"; |
| 19 } | 19 } |
| 20 </script> | 20 </script> |
| OLD | NEW |