| 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 document.querySelector('text').setAttribute('x', 200); | 5 document.querySelector('text').setAttribute('x', 200); |
| 6 } | 6 } |
| 7 onload = runRepaintTest; | 7 onload = runRepaintAndPixelTest; |
| 8 </script> | 8 </script> |
| 9 <style> | 9 <style> |
| 10 text { | 10 text { |
| 11 font-size: 75px; | 11 font-size: 75px; |
| 12 font-family: sans-serif; | 12 font-family: sans-serif; |
| 13 text-anchor: end; | 13 text-anchor: end; |
| 14 outline: 5px solid blue; | 14 outline: 5px solid blue; |
| 15 outline-offset: 10px; | 15 outline-offset: 10px; |
| 16 } | 16 } |
| 17 </style> | 17 </style> |
| 18 <svg width="600"> | 18 <svg width="600"> |
| 19 <text x="240" y="100" width="100" height="100" fill="green">Foo</text> | 19 <text x="240" y="100" width="100" height="100" fill="green">Foo</text> |
| 20 </svg> | 20 </svg> |
| OLD | NEW |