OLD | NEW |
(Empty) | |
| 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.e
nd" 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> |
OLD | NEW |