OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <svg width="100" height="100"> | 2 <svg width="100" height="100"> |
3 <polygon id="ref" points="20,10 10,30 30,30 40,10" fill="red"></polygon> | 3 <polygon id="ref" points="20,10 10,30 30,30 40,10" fill="red"></polygon> |
4 <polygon id="target" points="20,10 10,30 30,30" fill="green"></polygon> | 4 <polygon id="target" points="20,10 10,30 30,30" fill="green"></polygon> |
5 <polygon id="source" points="20,20" fill="blue"></polygon> | 5 <polygon id="source" points="20,20" fill="blue"></polygon> |
6 </svg> | 6 </svg> |
7 <script src="../../fast/repaint/resources/text-based-repaint.js"></script> | 7 <script src="../../fast/repaint/resources/text-based-repaint.js"></script> |
8 <script> | 8 <script> |
9 testIsAsync = true; | 9 testIsAsync = true; |
10 window.onload = runRepaintTest; | 10 window.onload = runRepaintAndPixelTest; |
11 | 11 |
12 function repaintTest() { | 12 function repaintTest() { |
13 var moved = document.querySelector('#source').points.removeItem(0); | 13 var moved = document.querySelector('#source').points.removeItem(0); |
14 document.querySelector('#target').points.appendItem(moved); | 14 document.querySelector('#target').points.appendItem(moved); |
15 | 15 |
16 requestAnimationFrame(function() { | 16 requestAnimationFrame(function() { |
17 moved.x = 40; | 17 moved.x = 40; |
18 moved.y = 10; | 18 moved.y = 10; |
19 if (window.testRunner) | 19 if (window.testRunner) |
20 finishRepaintTest(); | 20 finishRepaintTest(); |
21 }); | 21 }); |
22 } | 22 } |
23 </script> | 23 </script> |
OLD | NEW |