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.getElementsByTagName('rect')[0].setAttribute('y', '50'); | 5 document.getElementsByTagName('rect')[0].setAttribute('y', '50'); |
6 }; | 6 }; |
7 | 7 |
8 window.onload = function() { | 8 window.onload = function() { |
9 // Change parent transform and position at the same time, to check if the next | 9 // Change parent transform and position at the same time, to check if the next |
10 // position change in repaintTest() can repaint the old location correctly. | 10 // position change in repaintTest() can repaint the old location correctly. |
11 document.getElementsByTagName('g')[0].setAttribute('transform', 'scale(2)'); | 11 document.getElementsByTagName('g')[0].setAttribute('transform', 'scale(2)'); |
12 document.getElementsByTagName('rect')[0].setAttribute('x', '50'); | 12 document.getElementsByTagName('rect')[0].setAttribute('x', '50'); |
13 runRepaintTest(); | 13 runRepaintAndPixelTest(); |
14 } | 14 } |
15 | 15 |
16 </script> | 16 </script> |
17 <svg width="400" height="400"> | 17 <svg width="400" height="400"> |
18 <g> | 18 <g> |
19 <rect width="50" height="50" fill="green"/> | 19 <rect width="50" height="50" fill="green"/> |
20 </g> | 20 </g> |
21 </svg> | 21 </svg> |
OLD | NEW |