third_party/WebKit/LayoutTests/svg/repaint/modify-transferred-listitem-different-attr.html

   1 <!DOCTYPE html>
   2 <style>
   3   @font-face {
   4     font-family: 'myahem';
   5     src: url(../../resources/Ahem.ttf);
   6   }
   7   text {
   8     font-family: 'myahem';
   9   }
  10 </style>
  11 <svg width="100" height="100">
  12   <text id="ref" x="15 65" y="10 20" fill="red">A B C</text>
  13   <text id="target" x="15" y="10 20" fill="green">A B C</text>
  14   <text id="source" x="50" y="50 60" fill="blue">X Y Z</text>
  15 </svg>
  16 <script src="../../fast/repaint/resources/text-based-repaint.js"></script>
  17 <script>
  18 testIsAsync = true;
  19 window.onload = runRepaintTest;
  20
  21 function repaintTest() {
  22     var moved = document.querySelector('#source').y.baseVal.removeItem(1);
  23     document.querySelector('#target').x.baseVal.appendItem(moved);
  24
  25     requestAnimationFrame(function() {
  26         moved.value = 65;
  27         if (window.testRunner)
  28             finishRepaintTest();
  29     });
  30 }
  31 </script>