third_party/WebKit/LayoutTests/svg/animations/animateTransform-circular-linked-syncbases.html

   1 <!DOCTYPE html>
   2 <svg height="100" width="200">
   3   <rect x="100" width="100" height="100" fill="#ff0000"></rect>
   4   <rect width="100" height="100" fill="#008000">
   5     <animateTransform attributeName="transform" type="translate"
   6                       from="50 0" to="100 0" dur="0.1s" id="right" begin="left.end" onend="checkResult()" fill="freeze"/>
   7     <animateTransform attributeName="transform" type="translate"
   8                       from="0 0" to="50 0" dur="0.1s" id="left" begin="0s; right.end+100s"/>
   9   </rect>
  10 </svg>
  11 <script>
  12 if (window.testRunner) {
  13     testRunner.dumpAsText();
  14     testRunner.waitUntilDone();
  15 }
  16 function checkResult() {
  17     document.querySelector('svg').pauseAnimations();
  18     var rect = document.querySelector('rect + rect');
  19     var rectTransformList = rect.transform.animVal;
  20     if (rectTransformList.numberOfItems == 1 &&
  21         rectTransformList.getItem(0).matrix.e === 100) {
  22         result = 'PASS';
  23     } else {
  24         result = 'FAIL';
  25     }
  26     document.body.appendChild(document.createTextNode(result));
  27     if (window.testRunner)
  28         testRunner.notifyDone();
  29 }
  30 </script>