seeking-events-7.html (870B)
1 <!DOCTYPE html> 2 <title>Seeking forwards to a new interval dispatches both 'endEvent' and 'beginEvent'</title> 3 <script src="/resources/testharness.js"></script> 4 <script src="/resources/testharnessreport.js"></script> 5 <svg> 6 <rect width="100" height="100" fill="red"> 7 <set id="anim1" attributeName="fill" to="green" begin="2s; 6s" dur="1s" repeatCount="2" fill="freeze"/> 8 </rect> 9 </svg> 10 <script> 11 const SMIL_EVENTS = ['beginEvent', 'repeatEvent', 'endEvent']; 12 13 promise_test(function(t) { 14 let svg = document.querySelector('svg'); 15 svg.pauseAnimations(); 16 svg.setCurrentTime(2.5); 17 let anim1_watcher = new EventWatcher(t, document.getElementById('anim1'), SMIL_EVENTS); 18 return anim1_watcher.wait_for('beginEvent').then(() => { 19 svg.setCurrentTime(7.5); 20 return anim1_watcher.wait_for(['endEvent', 'beginEvent']); 21 }); 22 }); 23 </script>